contextopedia El poder de las redes De las naciones a las redes
« Primer almuerzo indiano en terracita « Portada » FriendFeed »

Jueves, 28 de Febrero de 2008

La caja de herramientas del videobloguero

Con cuatro herramientas libres y sencillas puedes crear vídeos, montarlos, darles el formato adecuado, mostrarlos en tu blog y generar automáticamente el código que permita a otros blogueros incrustarlos en su propio blog. Aquí va un tutorial breve y extremandamente fácil para quienes quieran iniciarse.

En vuestro blog (Wordpress)

Habréis notado últimamente que los vídeos de este blog incluyen un código para que, si queréis, podáis incrustarlos en posts de vuestras bitácoras. Para eso modifiqué el flashvideo plugin así que lo primero que os recomiendo es:

  • Descargad el plugin modificado e instaladlo del modo habitual en Wordpress
  • Cread una carpeta llamada video en el directorio raíz de vuestro blog y subid ahí, y sólo ahí, los vídeos que queráis poner en el blog. Es importante que los archivos .flv tengan siempre uris del tipo http://tublog.com/video/prueba.flv
  • Si queréis modificar el aspecto del iframe donde se muestra el código para que los usuarios lo pongan en su blog, cread la clase codevideo en vuestra hoja de estilo y dadle el aspecto que queráis, la que aparece en mis vídeos la definí así:
    .codevideo {border:1px dotted #39A5CD;}

Con eso el lado del servidor ya está listo.

En el ordenador (Linux)

Ahora en tu ordenador tienes que tener dos herramientas fundamentales

  • ffmpeg, el maravilloso conversor universal entre formatos. Si no tienes instalada la versión completa salta al apéndice de este post.
  • Avidemux, el editor gráfico de vídeo en formato AVI más sencillito para linux.

Editando vídeo fácilmente

  1. Convertimos los videos a formato .avi para que Avidemux trabaje cómodamente. Para eso, en la línea de comandos nos colocamos en el directorio donde descargamos los vídeos desde la cámara y escribimos
    ffmpeg -i david.mp4 -ar 22050 -acodec mp3 -qscale 1 david.avi

    Para los curiosos añadir que

    • -i es el input del que partimos
    • -ar es la tasa de compresión del audio (audio rate) en este caso está en la mitad de lo habitual para que el sonido ocupe menos memoria
    • -acodec es el formato de audio que usaremos para la pista de sonido
    • -q scale nos da la calidad de compresión, es un parámetro definido entre 1 (máxima calidad) y 31. Entre 1 y 10 no veras casi pixelado el resultado, úsalo en función de tus restricciones de espacio en disco.
  2. Si alguno de los vídeos tiene un formato distinto tendremos que redimensionarlo, en nuestro caso a 320 x 240px, que es la resolución que utilizamos para grabar los vídeos en nuestra camarita doméstica. Así que tendremos que agregar a la instrucción de ffmpeg de conversión del vídeo de distinto formato el parámetro: -s 320x240. Si quisieramos recortar y no sólo escalar, tenemos también disponibles los parámetros -croptop, -cropbottom, -cropright y -cropleft. Por ejemplo: ffmeg -i prueba.mp4 -croptop 10 -cropleft 20 -qscale 1 pruebarecortada.avi convertiría el vídeo a .avi recortando una banda superior de 10 píxeles y una banda izquierda de 20.
  3. Vamos a hacer una edición lineal, añadiendo los cortes y fotos en el orden en que queremos montar. Solo usaremos Avidemux para cortar lo que queramos eliminar y -llegado el caso- añadir una banda sonora.
    • Empezamos incorporando el primer corte de video y editarlo en Avidemux. Pulsaremos Ctrl+Alt+A y seleccionaremos el archivo .avi que queramos añadir
    • Con los controles gráficos iremos marcando uno a uno los cortes que queremos eliminar. Pulsando el botón A marcaremos el comienzo y pulsando el B el final. Cortaremos simplemente con Ctrl+X (o en el menú con Editar>>Suprimir o Editar >>Cortar)
    • Finalmente podemos superponer una banda sonora seleccionando Audio>>Main Track y en menú que aparece, por ejemplo External MP2/3 para añadir un archivo mp3.
    • Una vez tengamos el vídeo a nuestro gusto, grabamos sin modificar las opciones que el programa nos da por defecto y obtenemos un archivo .avi
  4. Nos queda únicamente pasar el vídeo resultante a formato .flv para poder subirlo al blog; Para ello, usamos de nuevo ffmpeg:

    ffmpeg -i cortelimpio.avi -ar 22050 -acodec mp3 -qscale 1 videofinal.flv

El resultado final en el blog será algo como:

Get the Flash Player to see this player.

Ponlo en tu blog con:

Seguro que lo podéis mejorar…


PS. Gracias a Nat con quien hice este post a medias

Apéndice: Instalando ffmpeg

Asegúrate de tener como fuentes en tus repositorios deb-src http://www.debian-multimedia.org sid main y
deb http://www.debian-multimedia.org testing main

En la shell:

sudo apt-get build-dep ffmpeg

sudo apt-get install liblame-dev libfaad-dev libfaac-dev libxvidcore4-dev liba52-0.7.4 liba52-0.7.4-dev libdts-dev

apt-get source ffmpeg

cd ffmpeg*/

./configure --enable-gpl --enable-pp --enable-libvorbis --enable-libogg --enable-liba52 --enable-libdts --enable-dc1394 --enable-libgsm --disable-debug --enable-libmp3lame --enable-libfaad --enable-libfaac --enable-xvid --enable-shared --prefix=/usr

make

sudo checkinstall -D make install

Si y sólo si la anterior línea te dio error remata con sudo make install

Guardado por David de Ugarte en caja de herramientas
a las 12:01 am

En otros blogs este post recibió las siguientes referencias (URI de Trackback)

  1. » Vídeoentrevistas via Skype deUgarte.com

    [...] como siempre, editaremos con Avidemux y convertiremos el resultado final a .flv para subirlo a nuestro blog. Guardado por David de Ugarte en caja de herramientas a las 7:36 [...]

  2. » El videocast y la nueva gramática cinematográfica deUgarte.com

    [...] televisivos y anuncios, un Cannes publicitario non stop. Lo que viene es hijo de jumpcut y el flv incrustado en los blogs, del bricoleurismo y las cámaras digitales de 200 euros. El arte industrial se adapta. Parece [...]

  3. » Imágenes fijas en nuestras películas con ffmpeg deUgarte.com

    [...] Hasta ahora sólo hemos incluído cortes de vídeo en nuestras películas. Sin embargo puede apetecernos incluir imágenes fijas, fotografías o gráficos en un montaje. [...]

  4. No sólo software » Blog Archive » La riqueza de las redes

    [...] al tutorial de David… puedo compartir también con vosotros las palabras de Juan [...]


Comentarios

  1. Francisco Polo el 28/02/08 a las 12:07 pm

    Gracias por el tutorial ;o)

    Ya le he dado mi toque a la apariencia de la cajita…

  2. arivero el 28/02/08 a las 8:37 pm

    Hablando de plugins. Es relativamente sencillo hacer un plugin descentralizado de fotomaton, a partir de este sistema:

    http://demofoto.hurriquest.eu/camarasinserv/Camara.html

    Si examinais las tripas, vereis que Camara.getDatos() devuelve la version hexadecimal del jpg capturado. Asi que en principio podria ser posteada back hacia cualquier sitio, sin necesidad de servidor intermedio, ni flikr ni nada.

    Es una prueba de concepto, pero la moraleja general es que se puede delegar mucho del flash en el javascript.

    Otro problema seria un video completo; no me atrevo a rellenar una variable javascript con un video en hexadecimal, no me parece bonito. Pero en teoria es lo mismo, si alguien se atreve lo podriamos hablar.

  3. David de Ugarte el 29/02/08 a las 1:03 am

    mmmmmmmm que chulo estoy pensando en usarlo para añadir al plugin una función que permita grabarte a ti mismo para hacer videoposts “hablados” que se suban automáticamente. O que al menos te puedas bajar el flv y subirlo como videocast…

    ¿Qué te parece?

  4. arivero el 29/02/08 a las 4:02 pm

    Tenemos una microspinoff (como habras deducido por la rareza del URL) del bifi que podria suministrar un almacenamiento temporal, de una o dos horas, para el flv, de forma que diera tiempo suficiente para que el plugin lo bajara hacia su almacenamiento definitivo. A su vez, el sistema de almacenamiento esta siendo desarrollado por contratistas de aqui, pero restringidos al uso de software libre, asi que en una segunda fase el propio almacenamiento temporal podria ser descentralizado. El problema basico a rodear, me explican, es que los flv cuando se graban se retransmiten en via el protocolo RTMP, que es propietario.

  5. David de Ugarte el 01/03/08 a las 2:04 pm

    No lo sabía!
    ¿Es de Macromedia? ¿Qué tipo de licencia tiene?

  6. arivero el 01/03/08 a las 10:15 pm

    La politica de Macromedia tras su absorcion en Adobe es dificil de seguir. Parese que el plan inicial era liberar todo lo que tuviera que ver con desarrollar en servidores y mantener privativo el desarrollo de Flash con linea de tiempos, esto es el Director de toda la vida. Pero por otro lado tambien quieren mantener privativo el servidor web en su lado, y por ello el protocolo RTMP (el libre es el RTP). Pero ya hay un servidor web libre muy majo que admite ese protocolo, uno llamado Red5, que es el que estamos usando. Te tendre al tanto.

Si crees que puedes aportar algo interesante deja un comentario...

Debes estar registrado como usuario para postear.

Tout ce qui n'est point nouveau dans un temps d'innovation est pernicieux ~ Saint Just

« Primer almuerzo indiano en terracita « Portada » FriendFeed »
Dominio público
Salvo indicación o advertencia en contrario, el autor de todas las entradas de este blog es David de Ugarte, quien las escribe y hace devolución expresa de ellas al Dominio Público

David de Ugarte: biografía y contacto

Básica, completa, podcast, videocast, miniposts [+feeds]
2008 BBVA blogsfera brasil ciberactivismo ciberpunk Devolución el poder de las redes fabbing feevy google lasindias libro electrónico nacionalismo neovenecianismo planta29 plurarquía redes distribuidas RMD sionismo digital web 2.0 web 2.1 wordpress
Creandote un usuario en un servidor OpenID podrás enviar comentarios y miniposts logueándote en el blog con tu OpenID
Puedes ver los 23 posts más actualizados de mi feevy un poco más abajo o jugar con el portal feevy interactivo. Si te gusta puedes personalizar esta plantilla y convertir tu propio feevy en un portal interactivo de todas tus fuentes.
Puedes ver las estadísticas de este blog -entre otros- en el servidor Urchin de Exploradores Electrónicos conectándote con el usuario abierto y la contraseña abierto123.

RMD es una alternativa distribuida y bloguera al microposting centralizado. Logueáte y envía desde este blog tus miniposts a la red usando tu identidad OpenID
Si quieres superar tu dependencia de Flickr, YouTube y otros servicios, consulta mi caja de herramientas