Como posso jogar HLS Live stream com o html5 video tag

<video id="live"  autoplay controls>
    <source src="http://[WOWZA-IP]:1935/Live/mp4:[LIVESTREAMNAME]/playlist.m3u8" type="video/mp4" />
</video>

estou a tentar tocar o fluxo ao vivo codificado h264 usando a etiqueta de vídeo html5. O Live stream é transmitido pelo Wowza media server e, ao visitar a ligação src, obtenho um ficheiro válido da lista de reprodução. Ao tentar jogar o fluxo no navegador Chrome android, o jogador não faz nada e mostra tela preta.

Isto é um problema relacionado com as etiquetas de vídeo html5 ou talvez um organismo de radiodifusão?

Author: Kara, 2013-08-26
Source

5 answers

Estes são os formatos que você pode jogar usando tags de código html5.

Pense num formato de vídeo como um ficheiro zip que contém o fluxo de vídeo codificado e o fluxo de áudio. Os três formatos que você deve se preocupar com a web são (webm, mp4 e ogv): 

.mp4 = H.264 + AAC
.ogg/.ogv = Theora + Vorbis
.webm = VP8 + Vorbis
 8
Author: robert, 2013-11-20 05:47:43
Há uma boa gama de soluções para isso. Uma solução seria detectar se HLS podem ser tocados: 
document.createElement('video').canPlayType('application/vnd.apple.mpegURL') !== ''

No entanto, isto não lhe permitiria reproduzir o conteúdo de HLS nos dispositivos que não suportam a reprodução. Neste momento, a reprodução só é suportada no Microsoft Edge, iOS Safari, OS X Safari e Android (no entanto, eu aconselho fortemente contra o uso de HLS no Android devido a limitações)

Uma outra solução para jogar HLS em todas as plataformas do HTML5 é: use um leitor HTML5 HLS como THEOplayer . Eles conseguiram permitir que o HLS fosse jogado em todas as plataformas e dispositivos populares , incluindo aqueles sem o suporte a extensão de fonte de mídia. Atualmente, a lista de navegadores suportados e plataformas inclui: Internet Explorer, Edge, Firefox, Chrome, Opera e Safari em Windows, Linux, Mac OS X, Android, iOS e Windows Phone.
 5
Author: MrP, 2015-09-30 06:38:29
 3
Author: mangui, 2015-09-24 08:51:00

Para os workarounds usando o flash, pode usar O FlasHLS o leitor cromeless.

 2
Author: flavioribeiro, 2014-07-10 17:24:00

Tenta FlowPlayer . Ele fornece um suporte HLS completo com o menor esforço no lado do servidor!

 2
Author: XlbrlX, 2016-07-28 17:29:16