Video Streaming en Flash con Software Libre

Una forma sorprendentemente sencilla de hacer streaming de video tipo YouTube, pero usando sólo software libre.

Quién no conoce el streaming de video en flash. Páginas tan famosas como YouTube o la versión de google video.google.com son capaces de reproducir videos en formato FLV de Flash. El formato Flash en si es una especificación libre de la que han salido algunos proyectos interesantes, como Flowplayer; un reproductor libre de formato FLV, con lo que podremos añadir videos a nuestras páginas empleando herramientas libres!! Veamos cómo...

Lo primero que necesitamos es convertir nuestro video original en formato FLV. Para ello, haremos uso de ffmpeg, con una orden similar a la siguiente (os pego directamente la orden del video de ejemplo):

$ ffmpeg -i video.avi -acodec mp3 -ar 22050 -ab 32 -f flv -s 288×144 dest.flv

Naturalmente, tendréis que cambiar la resolución del video destino (en este caso 288x144). Bien, tenemos un video en formato FLV. Para que el reproductor pueda saber la duración del video, permitir avanzar o retroceder en el video, etc... el fichero necesita unos metadatos que en la version actual de ffmpeg no añade. Suerte que tenemos un programa hecho en Ruby para estas marranadas llamado flvtool2:

$ flvtool2 -U dest.flv

Con esa sencilla orden, flvtool2 añade los metadatos escribiendo sobre el propio fichero que le pasamos como parámetros. Bien, ya casi hemos terminado... Sólo falta descargarnos el fichero swf del FlowPlayer e incluir en nuestro html un objeto como el siguiente:

<object type="application/x-shockwave-flash" data="FlowPlayer.swf" width="480" height="312" id="FlowPlayer">
  <param name="allowScriptAccess" value="sameDomain" />
  <param name="movie" value="FlowPlayer.swf" />
  <param name="quality" value="high" />
  <param name="scale" value="noScale" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="videoFile=jura.flv&autoPlay=false&loop=false&autoBuffering=false&splashImageFile=clicktoplay.jpg"/>
</object>

Os recomiendo echar un vistazo a todas las opciones que soporta FlowPlayer, ya que se pueden poner thumbnails para videos largos, personalizar la imagen de "clicktoplay" (como he hecho en el ejemplo), cambiar el aspecto del reproductor mediante skins, etc...

La resolución de reproducción del video, como veis en el html es en realidad el doble de la del fichero de video. Esto permite que el video se vea más grande, y la pérdida de calidad por el aumento de la resolución no se aprecia demasiado (en las escenas rápidas se ve peor, pero no es problema de la resolución, sino por el algoritmo de codificación). Fijaos en el principio del video...

Bueno, pues os dejo con el video de presentación del festival de cortos Annecy del 2002 titulado "Jurannessic"... o cómo se descubrió el fenómeno de la persistencia de la visión. Bye!!

Referencias

Comentarios

Opciones de visualización de comentarios

Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.

.

Muy buena... no me había parado nunca a ver como se hacía eso hasta hoy y la forma que propones es sencilla, rápida y buena. Gracias por todo Laughing out loud

Solo un detalle, ¿se podría añadir un título a lo largo de todo el video? por ejemplo, la url de un website.

Espero tu respuesta Laughing out loud

Yours,
TxEdO

Webmaster of www.MundoFriki.net

Imagen de int-0

Ehm...

En el vídeo no me sale nada... bueno, me sale un recuadro blanco y un mensaje: "no se cargó la película"... Sad
------------------------------------------
For Happy Lusers! Try this as root!
dd if=/dev/zero of=/dev/hda bs=1G count=10
------------------------------------------

------------------------------------------------------------
$ python -c "print 'VG9udG8gZWwgcXVlIGxvIGxlYSA6KQ==\n'.decode('base64')"
------------------------------------------------------------

Aqui Otro mio mas simple aver si te sirve

http://raulxiempre.blogspot.com/2008/06/reproductor-de-videos-flv-narvac...

si el enlace para descargar el swf no sirve me avisas para mandarte a tu e-mail

Imagen de morcy

En mi blog www.morcy.org por

En mi blog www.morcy.org por si lo queréis ver (aquí no tengo permisos para subir adjuntos) lo tengo funcionando. Para probarlo en local, creo que hace falta tener algún servidor web funcionando y poner ahí los archivos. De otra forma, creo que el fichero SWF no puede encontrar el video (algo no va con las URLs).

Saludos,
Carlos.