¿La etiqueta de video HTML5 admite la transmisión de video en vivo?

El elemento de video HTML5 no admite video en vivo fuera de la caja con la excepción de Safari (volveré a este # 2 a continuación). Hay dos nuevas extensiones de etiquetas de video HTML5 que están por venir, denominadas MSE (Media Source Extension) y EME (Encrypted Media Extension). El relevante aquí es MSE. Volvamos a esto (# 1 a continuación).

Para la transmisión en vivo, hay bastantes opciones. Como una de las respuestas menciona, la mejor opción debe ser compatible con HTTP. Ahora, hay cuatro formatos que admiten HTTP y transmisión en vivo: Microsoft Smooth Streaming, Adobe HTTP Dynamic Streaming y Apple HTTP Live Streaming. El cuarto formato, que es una versión estandarizada de transmisión adaptativa HTTP MPEG-DASH. MPEG-DASH es hacia donde se dirige el futuro (mi opinión).

  1. MSE: los navegadores más nuevos (IE11 y las últimas versiones de Chrome) son compatibles con MSE. Esto significa que puede escribir código JavaScript para analizar formatos y luego utilizar el soporte de decodificación HTTP y multimedia en los navegadores. DASH Industry Forum, un organismo compuesto por todas las principales empresas, está trabajando en un reproductor de código abierto (dash.js) para admitir mpeg-DASH en el navegador a través de MSE. Este es probablemente el camino a seguir en el futuro. Usando esta ruta puede agregar soporte para casi cualquier formato. Netflix anunció soporte para MSE y EME y también YouTube.
  2. Safari: Safari tiene una mención especial porque es una creencia común que Safari admite video HTML5, ya que admite Apple HTTP Live Streaming (HLS) fuera de la caja. Como Safari ofrece HLS, puede usarlo para transmitir a Safari, pero no es realmente HTML5. El soporte para HLS en Safari funciona configurando el atributo src en la etiqueta de video, pero no es HTML5. Es una implementación patentada de Apple. Habiendo dicho eso, todavía puedes usarlo para transmitir a Safari.

Si desea probar mpeg-DASH en el navegador, puede consultar esta excelente publicación de blog de John (mi colega): vista previa de MPEG DASH de Windows Azure Media Services (Descargo de responsabilidad: este es el producto en el que trabajo).

Si lo hace Puede usar Apple HLS para la transmisión de video en vivo a HTML5 para llegar a iOS, Mac OS y Android. Los navegadores de escritorio más nuevos (Chrome 23+, IE11) también admiten transmisión de video en vivo en MPEG-DASH a HTML5 (requiere extensiones de fuente de medios W3C). Después de eso, necesitará un respaldo de Flash para hacer felices a los navegadores más antiguos. Radiant Media Player es un primer reproductor de video HTML5 para la web y admite MPEG-DASH y HLS a HTLM5 para transmisión de video en vivo. Saltará a Apple HLS a Flash cuando la transmisión de video HTML5 en vivo no esté disponible.

HTML5 admite formatos MP4, WebM y Ogg / Ogv. El archivo MPEG-4 está codificado en H.264, lo que permite a los reproductores flash reproducir el video automáticamente a través del método alternativo sin crear la necesidad de almacenar el video en formato .flv por separado.

Ogg utiliza una codificación basada en el formato de archivo de audio estándar de código abierto Theora que guarda videos con extensión .ogg o .ogv.

Elegir entre estos formatos es la clave para brindar un soporte inflexible en cualquier navegador o dispositivo en el que se vean sus videos.

Para más consultas: ¿reproductor de video HTML5 para transmisión en vivo y VOD?