HTML5 Media

Introducción breve de Shelley Powers (O'Reilly, 2011) a los elementos audio y video de HTML5 y a cómo integrarlos de verdad en páginas web, escrita cuando los navegadores todavía discutían qué códecs aceptar. Está pensada para desarrolladores y diseñadores web de nivel intermedio que ya conocen CSS y JavaScript; no explica esas bases.

Empieza con los elementos audio y video y el soporte en los distintos navegadores: contenedores, códecs y la forma de ofrecer varias fuentes para que el contenido se reproduzca en todos lados. Después muestra cómo dar estilo a los elementos multimedia con CSS, cómo crear controles de reproducción propios con JavaScript y CSS, y cómo depurar y detectar qué admite cada navegador. Un capítulo trata la accesibilidad: el elemento track, subtítulos y captions en formatos SRT y WebVTT, cómo manejarlos desde JavaScript y las propuestas de entonces para varias pistas y reproducción sincronizada (MediaController y las interfaces de listas de pistas). Al final integra el video con Canvas y con filtros SVG y presenta las APIs de datos de audio.

Se aprende con ejemplos cortos de código, como reproductores con controles personalizados o video procesado en Canvas, sin un proyecto guiado. Es útil porque reúne en pocas páginas lo que hay que saber para poner audio y video nativos con controles propios y subtítulos accesibles. Hay que leerlo como un libro de su época: la guerra de códecs se resolvió (MP4/H.264 y WebM son la norma), MediaController se eliminó del estándar y la Audio Data API de Mozilla se reemplazó por la Web Audio API. Para streaming adaptativo (MSE, HLS, DASH) se necesita otra fuente.