npm install dplayer --save
npm hls.js --save
window.Hls = require('hls.js')
<!-- 引入插件 -->
import DPlayer from 'dplayer';
<!-- 设置容器 -->
<div id="dplayer" style="width:100%;height:100%"></div>
data(){
rerutn{
dplayer:null
}
}
mounted() {
this.dplayer = new DPlayer({
container: document.getElementById('dplayer'),
live: true, //是否直播
autoplay: true, //是否自动播放
lang: "zh-cn", //设置中文
video: {
url:"http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8",
type: "hls", //这一步必须要写,播放直播流
}
});
}
CCTV1:http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8
不知名:https://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8
本文地址:https://blog.csdn.net/weixin_45374947/article/details/107287678
如对本文有疑问, 点击进行留言回复!!
网友评论