EL OBJETO VIDEO 2010Especificación HTML 5.0

Introducción

Estos son los mensajes que hasta ahora nos podía dedicar cualquier navegador al visitar páginas que contenían algún tipo de datos en formato multimedia, sobre todo, audio y video:

‘Se oye, pero no se ve’

‘Por favor, descárgate el plugin’

‘Vas a necesitar unos cuantos códecs’

Antecedentes

Hasta hace relativamente poco tiempo, no existía una forma estándar de publicar contenido multimedia, en la web.

Nada nos garantizaba que el usuario tuviese instalados los plugins necesarios.

Antecedentes (y II)

La tecnología flash intentó solventar un poco el problema.

Equiparon a esta tecnología con un decodificador de vídeo, pero esto se convirtió en un arma de doble filo.

A cambio de ofrecer la posibilidad de visualizar contenido multimedia, consumía grandes cantidades de tiempo de procesador y bajaba considerablemente el rendimiento de nuestras máquinas.

El objeto <video>

El objeto video se usa para embeber contenido de video en un documento HTML o XHTML.

El objeto video se incluye a partir de la especificación número 5 de HTML.

A cambio de ofrecer la posibilidad de visualizar contenido multimedia, consumía grandes cantidades de tiempo de procesador y bajaba considerablemente el rendimiento de nuestras máquinas.

El objeto video (y II)

Atributos

• autoplay• autobuffer• aontrols• height• loop• poster• src• width

El objeto video (y III)

Ejemplos

En este ejemplo se reproduce un vídeo, comenzando la reproducción tan pronto como se han recibido suficientes datos como para no detenerse a leer más datos.

Mientras el vídeo empieza a reproducirse, la imagen "posterimage.jpg", se mostrará en la zona de visualización.

<video src="videofile.ogg" autoplay poster="posterimage.jpg">

Your browser does not support the <code>video</code> element.

</video>

El objeto video (y IV)

Ejemplos

En este ejemplo, el navegador reproducirá el primer archivo de vídeo con el que sea compatible, recorriendo la lista de arriba hacia abajo.

<video controls autobuffer><src="ruta al video

ogv" /><src="ruta al video

h.264" />Your browser does not

support the <code>video</code> element. </video>

Situación actual

Aunque HTML5 no obliga a utilizar un tipo determinado de códec y/o formato de video, poco a poco han ido estableciéndose como ‘estándar’ dos tipos de videos , que compiten por hacerse con el monopolio del la reproducción de video en HTML5.

• Theora/Ogg• H.264/MPEG-4

Theora/Ogg

• Open Source• Soporte nativo en FF

desde la versión 3.5• Apple está en contra

de este formato alegando ‘falta de rendimiento’

• No soportado por Safari

• Soportado totalmente por Opera y Chrome

H.264/MPEG-4

• Formato propietario• Soportado por

Safari y Chorme• Soportado por

Opera con Gstreamer instalado

Conclusiones

Debido a que HTML 5 no nos obliga a utilizar un tipo determinado de códec y/o video, nosotros, como desarrolladores, debemos de evaluar ambas posibilidades y en cada caso quedarnos con el formato que mejor se adapte a nuestras necesidades.

Yo, personalmente, apuesto por Theora, por múltiples razones, siendo la más importante el hecho de que es SOFTWARE LIBRE