significado - ¿Cómo puedo reproducir la transmisión en vivo de Apple HLS con la etiqueta de video html5?
hls streaming server (5)
En navegadores compatibles con Media Source Extension , puede usar https://github.com/dailymotion/hls.js
<video id="live" autoplay controls>
<source src="http://[WOWZA-IP]:1935/Live/mp4:[LIVESTREAMNAME]/playlist.m3u8" type="video/mp4" />
</video>
Estoy tratando de reproducir transmisión en vivo h264 usando la etiqueta de video html5. Live Stream es transmitido por el servidor de medios wowza y al visitar src link obtengo un archivo de lista de reproducción válido. Al intentar reproducir la transmisión en el navegador Android Chrome, el reproductor no hace nada y muestra una pantalla negra.
¿Este problema relacionado con la etiqueta de video html5 o tal vez la emisora?
En realidad, hay una buena gama de soluciones para esto. Una solución sería detectar si se puede jugar HLS:
document.createElement(''video'').canPlayType(''application/vnd.apple.mpegURL'') !== ''''
Sin embargo, esto no le permitiría reproducir contenido HLS en dispositivos que no son compatibles con la reproducción. En este momento, la reproducción solo es compatible con Microsoft Edge, iOS Safari, OS X Safari y Android ( sin embargo, desaconsejo firmemente el uso de HLS en Android debido a limitaciones ).
Otra solución para jugar HLS en todas las plataformas en HTML5 es usar un reproductor HTML5 HLS como THEOplayer . Se las arregló para permitir que HLS se reproduzca en todas las plataformas y dispositivos populares , incluidos aquellos sin soporte de Extensión de fuente de medios . Actualmente, la lista de navegadores y plataformas compatibles incluye: Internet Explorer, Edge, Firefox, Chrome, Opera y Safari en Windows, Linux, Mac OS X, Android, iOS y Windows Phone.
Estos son los formatos que puede jugar usando etiquetas fuente html5.
Piense en un formato de video como un archivo zip que contiene el flujo de video codificado y la transmisión de audio. Los tres formatos que debe importar para la web son (webm, mp4 y ogv):
.mp4 = H.264 + AAC
.ogg/.ogv = Theora + Vorbis
.webm = VP8 + Vorbis
Prueba FlowPlayer . Proporciona un soporte HLS completo con el menor esfuerzo en el lado del servidor.