如何在videojs上玩HLS Wowza Live Stream(m3u8)

时间:2013-10-02 14:26:43

标签: html5-video hlsl wowza

    

我正在尝试使用html5视频标记播放h264编码的直播流。现场直播由wowza媒体服务器播放,当访问src链接时,我获得了一个有效的播放列表文件。当试图在Android Chrome浏览器上播放流时,播放器什么也不做,并显示黑屏。

这个html5视频标签是相关问题还是广播员?

2 个答案:

答案 0 :(得分:3)

目前,当前的videojs仅支持safari和iOS上的m3u8 / HLS。 Android应该支持HLS或cupertino流媒体,但我听说它是​​错误的。要使HLS和m3u8在videojs中工作,您需要为videojs提供支持HLS的闪存回退。

查看此示例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>

答案 1 :(得分:1)

需要添加额外的库以支持HLS(LiveStream)。

VideoJS HLS Library。对于实例Live Example