jump to navigation

Convertir videos para ponerlos en página Web 27 enero, 2010

Posted by ubanov in Informática.
Tags: , ,
trackback

Hace poco he tenido la necesidad de convertir un video para que fuese visto en una página Web. En esta entrada os cuento como lo he hecho (utilizando la herramienta ffmpeg, que está en linux y en windows).

ffmpeg es un programa de línea de comando (a los que les gusten los GUI que se abstengan de usarlo🙂, con este programa es posible convertir videos de casi cualquier formato a otro. Para publicar en la web un formato que está muy de moda últimamente es hacerlo utilizando video sobre Flash, este es el formato que he decidido utilizar, por lo tanto lo tendré que convertir al formato de video de flash (FLV).

Esto es una alternativa para poner tu video en tu página web en lugar de usar youtube u otro proveedor de contenidos (lo cual es más sencillo por que no hay que convertir nada, lo hacen ellos por ti).

La forma de convertir el video es mediante la siguiente línea de comando:

ffmpeg -i *.vob -r 25 -b 240K -f flv -s 320×240 -acodec libmp3lame -ar 22050 -ab 32k -ac 2 output.flv

La opción -b gestionará el bitrate del video, la opción -s el tamaño del video, -ar samples/segundo del sonido, -ab el bitrate del audio, y -ac2 para ponerlo en estereo.

El sonido lo estoy convirtiendo a estereo, por que la versión del ffmpeg que he utilizado (0.50) parece tener un bug en el conversor mp3 y si lo pones en mono el sonido se oye mal.

Sobre los bitrates y las opciones del sonido, se puede ver el FLC creado con el VLC y de forma inmediata ver los resultados, para poder cambiar los parametros.

Una vez convertido a formato FLC se podría importar en un editor de flash y este te crearía un flash con el video. Como yo no tengo uno me he buscado otra solución. La solución ha sido utilizar un visor de FLC, en concreto el flowplayer.

He instalado el flowplayer en un directorio del servidor web y, basado en su página de ejemplo, he creado la siguiente página Web:

<html><head>
<meta http-equiv=”content-type; charset=ISO-8859-1″ content=”text/html”>
<!– A minimal Flowplayer setup to get you started –>
<!–
include flowplayer JavaScript file that does
Flash embedding and provides the Flowplayer API.
–>
<script type=”text/javascript” src=”flowplayer-3.1.4.min.js”></script>
<!– some minimal styling, can be removed –>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
<!– page title –>
<title>TITULO</title>
</head><body>
<div id=”page”>
<h1>TITULO</H1>
<P>Video de prueba</P>
<!– this A tag is where your Flowplayer will be placed. it can be anywhere –>
<a href=”http://servidor/video/output.flv&#8221;
style=”display:block;width:320px;height:253px” id=”player”>
</a>
<!– this will install flowplayer inside previous A- tag. –>
<script>
flowplayer(“player”, “flowplayer-3.1.5.swf”);
</script>
<!–
after this line is purely informational stuff.
does not affect on Flowplayer functionality
–>
<p></p>
</div>
</body></html>

Si quieres insertar un video por ejemplo en joomla, existe un plugin para hacerlo de forma muy sencilla con este visor de video.

Si quieres hacerlo todavía más sencillo podrías utilizar youtube😀

Comentarios»

No comments yet — be the first.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: