npm install hls.js -S // 导入插件
引入 hls
import Hls from 'hls.js';
在周期函数mounted中
if (Hls.isSupported()) {
let player = document.getElementById('mvideo') //我使用的是video标签 这里通过id获取video标签
var hls = new Hls(); //创建 hls 对象
//本地
hls.loadSource('http://kbs-dokdo.gscdn.com/dokdo_300/_definst_/dokdo_300.stream/playlist.m3u8'); //这是个测试的m3u8地址 把地址 换上去即可
//https://www.m3u8play.com/ 这个地址可以测试 m3u8 地址是否可用(在线播放)
hls.attachMedia(player); //将video 传入
hls.on(Hls.Events.MANIFEST_PARSED, function() {
player.play(); //开始播放
});
}