如何在videojs上播放HLS Wowza直播流(m3u8)

Question

我正在尝试使用html5视频标签播放h264编码的直播流。实况流由wowza媒体服务器广播，当访问src link时，我得到一个有效的播放列表文件。当尝试在android chrome浏览器上播放流时，播放器什么也不做，并显示黑屏。

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

Answer 1

目前，在safari和iOS上，videojs只支持m3u8/HLS。Android应该支持HLS，也就是库比蒂诺流媒体，但我听说它有漏洞。要让HLS和m3u8在videojs中工作，你需要为videojs提供一个支持HLS的flash fall。

查看此示例http://flashls.org/videojs/flash_demo.html

你自己去实现它...遵循此guide或下载此swf，然后将此代码添加到您的videojs页面。

<script>
  videojs.options.flash.swf = "[YourHosted]/video-js.swf"
</script>

..。

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="360" data-setup='{"techOrder": ["flash"]}'>
  <source src="http://[Wowza Ip]/live/mp4:mystream/playlist.m3u8" type='video/mp4'/>
</video>

Answer 2

需要添加一个额外的库来支持HLS (LiveStream)。

VideoJS HLS Library.以Live Example为例。