El objeto video2010<br />Especificación HTML 5.0<br />
Introducción<br />Estos son los mensajes que hasta ahora nos podía dedicar cualquier navegador al visitar páginas que cont...
Antecedentes<br />Hasta hace relativamente poco tiempo, no existía una forma estándar de publicar contenido multimedia, en...
Antecedentes (y II)<br />La tecnología flash intentó solventar un poco el problema.<br />Equiparon a esta tecnología con u...
El objeto <video><br />El objeto video se usa para embeber contenido de video en un documento HTML o XHTML. <br />El objet...
El objeto video (y II)<br />Atributos<br /><ul><li>autoplay
autobuffer
aontrols
height
loop
poster
src
Upcoming SlideShare
Loading in …5
×

HTML5. El objeto vídeo

932 views

Published on

1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
932
On SlideShare
0
From Embeds
0
Number of Embeds
73
Actions
Shares
0
Downloads
7
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

HTML5. El objeto vídeo

  1. 1. El objeto video2010<br />Especificación HTML 5.0<br />
  2. 2. Introducción<br />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:<br />
  3. 3. Antecedentes<br />Hasta hace relativamente poco tiempo, no existía una forma estándar de publicar contenido multimedia, en la web.<br />Nada nos garantizaba que el usuario tuviese instalados los plugins necesarios.<br />
  4. 4. Antecedentes (y II)<br />La tecnología flash intentó solventar un poco el problema.<br />Equiparon a esta tecnología con un decodificador de vídeo, pero esto se convirtió en un arma de doble filo.<br />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.<br />
  5. 5. El objeto <video><br />El objeto video se usa para embeber contenido de video en un documento HTML o XHTML. <br />El objeto video se incluye a partir de la especificación número 5 de HTML.<br />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.<br />
  6. 6. El objeto video (y II)<br />Atributos<br /><ul><li>autoplay
  7. 7. autobuffer
  8. 8. aontrols
  9. 9. height
  10. 10. loop
  11. 11. poster
  12. 12. src
  13. 13. width</li></li></ul><li>El objeto video (y III)<br />Ejemplos<br />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. <br />Mientras el vídeo empieza a reproducirse, la imagen "posterimage.jpg", se mostrará en la zona de visualización.<br /><video src="videofile.ogg" autoplay poster="posterimage.jpg"> <br />Your browser does not support the <code>video</code> element. <br /></video> <br />
  14. 14. El objeto video (y IV)<br />Ejemplos<br />En este ejemplo, el navegador reproducirá el primer archivo de vídeo con el que sea compatible, recorriendo la lista de arriba hacia abajo.<br /><video controls autobuffer><br /> <src="ruta al video ogv" /><br /> <src="ruta al video h.264" /><br />Your browser does not support the <code>video</code> element. <br /></video><br />
  15. 15. Situación actual<br />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.<br /><ul><li>Theora/Ogg
  16. 16. H.264/MPEG-4</li></li></ul><li>Theora/Ogg<br /><ul><li>Open Source
  17. 17. Soporte nativo en FF desde la versión 3.5
  18. 18. Apple está en contra de este formato alegando ‘falta de rendimiento’
  19. 19. No soportado por Safari
  20. 20. Soportado totalmente por Opera y Chrome</li></li></ul><li>H.264/MPEG-4<br /><ul><li>Formato propietario
  21. 21. Soportado por Safari y Chorme
  22. 22. Soportado por Opera con Gstreamer instalado</li></li></ul><li>Conclusiones<br />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.<br />Yo, personalmente, apuesto por Theora, por múltiples razones, siendo la más importante el hecho de que es SOFTWARE LIBRE<br />

×