
The Definitive Guide to HTML5 Video
Silvia Pfeiffer
- Editorial
- Apress
- Año
- 2010
- Páginas
- ~336
- Nivel
- Básico
De qué trata
Libro especializado en el que Silvia Pfeiffer, que participó en los grupos de trabajo del W3C y del WHATWG sobre los medios en HTML5, explica cómo reproducir audio y vídeo de forma nativa en el navegador, sin plugins, con los elementos <audio> y <video>. Refleja el estado de la especificación en 2010-2011 y está dirigido a quienes ya hacen páginas web pero nunca han trabajado con multimedia, y a quienes vienen de Flash, Silverlight o QuickTime y quieren pasarse al estándar abierto. Conviene saber HTML, CSS y algo de JavaScript.
El libro cubre el marcado de los elementos de medios y las diferencias entre navegadores, los códecs y formatos de la época (H.264, Ogg Theora, WebM) y herramientas libres de codificación, el estilo con CSS3, la API de JavaScript de los elementos multimedia para crear reproductores con controles propios, y la integración del vídeo con SVG, Canvas y Web Workers para aplicar efectos y procesar fotogramas. También dedica capítulos a la accesibilidad y la internacionalización (subtítulos, descripciones y otras alternativas al contenido), la adaptación a distintos dispositivos, el direccionamiento de fragmentos de medios mediante URI (Media Fragments) y la extracción de metadatos.
Cada capítulo incluye ejemplos de código para probar en el navegador, como reproductores personalizados o manipulación de vídeo en Canvas, pero no hay un proyecto completo de principio a fin. Su punto fuerte es la profundidad de alguien que trabajó en el estándar, sobre todo en accesibilidad. Hoy es en gran parte histórico: el soporte de códecs ha cambiado, WebVTT y el elemento <track> se definieron después y no trata Media Source Extensions, streaming adaptativo (HLS/DASH) ni EME. Sirve para entender los fundamentos del vídeo HTML5, pero conviene contrastarlo con la especificación actual.
- HTML5 video
- HTML5 audio
- Códecs H.264 y Ogg Theora
- API de medios en JavaScript
- Reproductores personalizados
- CSS3
- SVG
- Canvas
- Web Workers
- Accesibilidad multimedia
- Subtítulos
- Media Fragments
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✗ Sin proyectos

