vue-video-player 播放m3u8视频流的实现

本文主要介绍了vue-video-player 播放m3u8视频流的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

该问题网上答案较少,翻阅github得到想要的答案,在此记录一下

首先,为了减少包体积,在组件中局部引入vue-video-player(在main.j s中引入会增加包体积)

播放m3u8需要注意两点:

  • 需要引入videojs并绑定到window上
  • 安装依赖videojs-contrib-hls( npm i videojs-contrib-hls)并引入
  • sources要指定type为application/x-mpegURL

代码如下:

参考

到此这篇关于vue-video-player 播放m3u8视频流的实现的文章就介绍到这了,更多相关vue-video-player 播放m3u8视频流内容请搜索0133技术站以前的文章或继续浏览下面的相关文章希望大家以后多多支持0133技术站!

以上就是vue-video-player 播放m3u8视频流的实现的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程