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

我正在尝试使用 html5 视频标签播放 h264 编码的直播流。直播由 wowza 媒体服务器广播，当访问 src 链接时，我得到一个有效的播放列表文件。尝试在 android chrome 浏览器上播放流时，播放器不执行任何操作并显示黑屏。

这是与 html5 视频标签相关的问题还是广播公司？

4

5 回答 5

11

这些是您可以使用 html5 源代码标签播放的格式。

将视频格式视为一个 zip 文件，其中包含编码的视频流和音频流。您应该关心的三种网络格式是（webm、mp4 和 ogv）：

.mp4 = H.264 + AAC
.ogg/.ogv = Theora + Vorbis
.webm = VP8 + Vorbis
于 2013-11-20T05:47:43.153 回答
8

实际上有很多解决方案。一种解决方案是检测是否可以播放 HLS：

document.createElement('video').canPlayType('application/vnd.apple.mpegURL') !== ''

但是，这将不允许您在不支持播放的设备上播放 HLS 内容。目前，仅在 Microsoft Edge、iOS Safari、OS X Safari 和 Android 上支持播放（但是，由于限制，我强烈建议不要在 Android 上使用 HLS）

在 HTML5 中跨所有平台播放 HLS 的另一种解决方案是使用 HTML5 HLS 播放器，例如THEOplayer。他们设法让 HLS 在所有流行的平台和设备上播放，包括那些没有媒体源扩展支持的平台和设备。目前，支持的浏览器和平台列表包括：Windows、Linux、Mac OS X、Android、iOS 和 Windows Phone 上的 Internet Explorer、Edge、Firefox、Chrome、Opera 和 Safari。

于 2015-09-30T06:38:29.697 回答
4

在支持媒体源扩展的浏览器上，您可以使用https://github.com/dailymotion/hls.js

于 2015-09-24T08:51:00.763 回答
2

对于使用 Flash 的解决方法，您可以使用FlasHLS无铬播放器。

于 2014-01-14T01:00:25.790 回答
2

试试FlowPlayer。它以最少的服务器端工作量提供了完整的 HLS 支持！

于 2016-07-28T17:29:16.443 回答