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

代码如下:





参考

  • https://github.com/surmon-china/vue-video-player/blob/master/examples/04-video.vue

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

你可能感兴趣的:(vue-video-player 播放m3u8视频流的实现)