Red5: Flash Server Open Source

  • 20/11/2007
  • 12:25 am
  • unijimpe

Red5 es un servidor Open Source para entregar contenido en streaming en Flash. Para ello utiliza el protocolo RTMP (Real Time Messaging Protocol) con lo cual se puede transmitir contenido en tiempo Real.

red5.jpg

Este servidor tiene todas las cualidades del Flash Media Server de Adobe. Utiliza la sintaxis de ActionScript Communication con la cual se pueden desarrollar aplicaciones de comunicación en tiempo real.

Características
Este servidor esta escrito enteramente en Java y tiene las siguiente caracteristicas:

  • Streaming de Audio y Video (FLV y MP3)
  • Facilidad para guardar Streaming del cliente.
  • Shared Objects
  • Publicación Live Streaming
  • Soporte para AMF o Flash Remoting

Pero hablando en términos mas sencillos, gracias al soporte de transmisión de datos en tiempo real podríamos implementar:

  • Chats multiusuario en tiempo real.
  • Streaming de vídeo y Mp3, pudiendo reproducir parte del vídeo sin necesidad de descargar el vídeo completo.
  • Transmisión de señal de televisión en tiempo real.
  • Chats con soporte de audio y vídeo, con la cual los usuarios pueden transmitir el contenido de su webcam.
  • Facilidad para implementar pantallas compartidas, en la cual múltiples usuarios pueden interactuar en una misma pantalla.
  • Grabación de contenido en formato FLV.
  • Protección de derechos de Autor (DRM) pues no se transmite los archivos físicos si no envía contenido en streaming.
  • Análisis y reportes de datos en tiempo real.

Obviamente Flash Media Server es un servidor mucho mas robusto que Red5, tiene un excelente soporte y versiones para la mayoría de Sistemas Operativos, pero el costo muy elevado hace un poco difícil desarrollar aplicaciones pequeñas.

Es por ello que nació Red5 el cual integra todas las propiedades que originalmente fueron desarrolladas en Flash Media Server. Actualmente se encuentra en la versión 0.6.3, que aunque no es la versión final de producción ya tiene integrada todas las características de un servidor de streaming.

Mas Información
Actualmente hay abundante información disponible si es que deseas aprender a desarrollar en Red5, para lo cual listamos los mas importantes.

Posts Relacionados

Flash en ventana completa

  • 16/11/2007
  • 1:33 am
  • unijimpe

El presente es una guía para mostrar archivos flash que se muestren a ventana completa o al 100% de la ventana, este tip lo encontré en Flash Embed Tip: Minimum width and height for liquid layouts y lo comparto con ustedes.

La idea inicial para insertar un flash en ventana completa es poner el ancho y alto al 100%, pero tiene un problema y es que al hacer esto ya no se muestran los scrolls y si la película es mas grande que la pantalla no se podrá ver la parte que excede la pantalla.

Insertando SWF al 100%
El primer paso es insertar el SWF en nuestro html, esto lo hacemos utilizando SWFObject, esto lo hacemos en el siguiente código donde debe notarse que asignamos el alto y el ancho al 100%.

HTML:
  1. <div id="main">Main Movie</div>
  2. <script type="text/javascript">
  3. var so = new SWFObject("my.swf","swf","100%","100%","8","#000");
  4. so.write("main");
  5. </script>

Lo siguiente es detectar cuando la ventana tiene las dimensiones mínimas del swf original, en cuyo caso asignamos los valores de ancho y alto al valor mínimo. Para ello creamos una función en Javascript llamada adjustSWF. Para nuestro ejemplo supongamos que las dimensiones originales de nuestro flash son 800 x 600 pixels. Entonces la función adjustSWF tendría la forma:

JavaScript:
  1. function adjustSWF() {
  2.     if (document.body.clientWidth <= 800) {
  3.         document.getElementById("swf").style.width= '800px';
  4.     } else {
  5.         document.getElementById("swf").style.width= '100%';
  6.     }
  7.     if (document.body.clientHeight <= 600) {
  8.         document.getElementById("swf").style.height = '600px';
  9.     } else {
  10.         document.getElementById("swf").style.height = '100%';
  11.     }
  12. }

Finalmente llamamos a esta función al momento que se carga la página y también cuando se redimensiona, esto lo hacemos llamando a los eventos onLoad y onResize del tag BODY de la siguiente forma:

HTML:
  1. <body onLoad="adjustSWF();" onResize="adjustSWF();">

Uniendo todo el código obtenemos nuestro flash a ventana completa. Pueden ver un ejemplo funcionando en: http://samples.unijimpe.net/swffull/. Como ven, sencillo y funciona en Firefox, Internet Explorer y Safari. Con esto podremos incluir SWFs de forma que se muestren en toda la pantalla de forma sencilla.

Posts Relacionados

SWFAddress 2.0

  • 15/11/2007
  • 10:19 pm
  • unijimpe

SWFAddress 2.0 es la nueva versión de la popular librería para asignar urls absolutas a secciones de una película flash con la cual se puede utilizar los botones adelante, atrás del browser. Esta nueva versión mucho mas madura se lanza el 16 de noviembre y llega para facilitarnos el trabajo de crear urls absolutas en flash.

swfaddress.jpg

Características
Entre las caracteristicas que trae esta nueva versión podemos mencionar:

  • Soporte para ActionScript 3
  • Detectores de eventos para ActionScript y Javascript.
  • Nueva tecnica para SEO.
  • Soporte para integrarlo con SWFObject 2.0, UFO y Adobe's Active Content.
  • Soporte para múltiples películas flash y Ajax.
  • Nuevos métodos para manipular el historial del navegador.
  • Facilidad para configurar el script con parametros URL.
  • El archivo swfaddress.html es ahora opcional y no es usado por defecto.
  • Nuevos ejemplos hechos en diversas aplicaciones.
  • Documentación completa para ActionScript 3 y Javascript.

Esta nueva versión viene con una documentación muy detallada, ejemplos en Flash, Flex, MTASC, UFO, Adobe, entre otros. también ahora han puesto una lista con sitios donde puedes encontrar mas información para aprender a utilizar esta librería. Finalmente han elaborado un Showcase con las paginas mas destacadas que utilizan SWFAddress.

Hay que destacar que entre los listados en el Showcase están nuestros amigos de Bluemetal, los cuales figura con 2 trabajos: Club del Pensionista y Bluemetal, felicitaciones!!!.

Posts Relacionados