最近项目业务需要用到视频流直播。格式M3U8。在此记录一下
项目vue版本是2.5.16,先安装必须的插件
1.安装
yarn add video.js
yarn add videojs-contrib-hls // 这是播放hls流需要的插件
yarn add mux.js // 在vue中若不安装它可能报错
"video.js": "^7.11.8",
"videojs-contrib-hls": "^5.15.0",
"mux.js": "^5.11.0",
2.配置videojs到全局,便于引用和管理
- 新建 plugins文件夹,新建video.js文件;

video.js里内容
import "video.js/dist/video-js.css"; // 引入video.js的css
import hls from "videojs-contrib-hls"; // 播放hls流需要的插件
import Vue from "vue";
Vue.use(hls);
- 在main.j


2038

被折叠的 条评论
为什么被折叠?



