jueves, 18 de agosto de 2011

html5media: Audio y video sin complicaciones

Yo dudo siempre de estas cosas porque uno, nunca sabe hasta cuando durarán pero claro, nadie sabe tampoco hasta cuando durará nada de nada y aquello que parecía que existiría para siempre, de un día para otro, desaparece en la nada, tragado por el vértigo de la web.

Sea como sea, esto, ahora existe y funciona.

Se trata de html5media que nos permite usar las etiquetas de HTML5 audio y video, y que eso que incrustamos, funcione en cualquier navegador, aunque este no tenga la capacidad de interpretarlas o el formato que usamos para el archivo no sea soportado ya que, en todos esos casos, de modo automático, lo muestra con el reproductor FlowPlayer o, si el navegador tiene plugins agregados, el reproductor correspondiente, VLC DivXplayer, etc.

Hasta acá, podría decirse que es similar a muchos otros sistemas pero, lo curioso, es que no se debe instalar nada, basta agregar el script que ellos ofrecen y nada más así que, todo el proceso se limita a poner esto antes de </head> o, eventualmente, si es algo que no usaremos constantemente, en una entrada:
<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>
Eso es todo. De ahí en más, usamos las etiquetas normalmente:
<video src="URL_archivo" width="VALOR" height="VALOR" controls preload></video>

<audio src="URL_archivo" controls preload></audio>
Quien quiera, también puede descargar el proyecto completo ya que está alojado en github.com donde hay un poco más de información técnica.

En estos ejemplos, el video tiene formato MP4 y el audio formato OGG pero bien podrían ser FLV MP3 o cualquier otro:





No hay comentarios:

Publicar un comentario