videojs-contrib-hls.js 怎么用

JavaScript07

videojs-contrib-hls.js 怎么用,第1张

代码例子:

<link href="/5.8.8/video-js.css" rel="stylesheet">

<video id="example-video" width=960 height=540 class="video-js vjs-default-skin" controls poster="*.jpg">

<source src="/test-vedio-hls.m3u8" type="application/x-mpegURL">

</video>

<script type="text/javascript" src="/video.min.js"></script>

<script type="text/javascript" src="/videojs.hls.min.js"></script>

<script type="text/javascript">

var player = videojs('example-video')

//player.play()

</script>

起个localhost/访问。

有,而且也很多。

1.在目前支持较好的仍然是使用FlashPlayer来播放m3u8格式的视频,这样能够很好的利用计算机的性能,使视频质量达到最优良的效果,但不是h5。

2.H5支持的视频格式,默认使用的是video标签,但是video不支持m3u8格式,因此需要用到开源的js库来解码视频流。

3.总结调研结果,推荐常用的有hls.js,video.js,都是开源免费。还有几个需要注册才能使用的,不罗列说明。

4.原生的标签支持,目前无法实现,再浏览器的不断更新迭代基础上,未来是会支持的,不需要我们自己扩展。

5.除了3中说的几个,还有很多浏览器插件支持的方式,比如vlc插件,就很好用。

总结,推荐在github上搜索hls.js,会发现很多可用的内容。

PC端Html5目前没有浏览器支持播放hls协议的m3u8,但是移动端都是可以的。

PC端现在基本上也是进行软解码之后,依靠flashplayer来进行播放hls协议的视频。