"dplayer": "^1.26.0",
直播插件的使用记录,支持m3u8格式的直播或者回放视频播放,ios和安卓兼容性良好,ios不支持自动播放。
import flvjs from 'flv.js';
<div id="dplayer"></div>
// 直播
initFlv () {
let Hls = require('hls.js');
let DPlayer = require('dplayer');
let _this = this;
let jsonobj = JSON.stringify;
console.log(jsonobj);
const dp = new DPlayer({
container: document.getElementById('dplayer'),
live: true,
video: {
url: this.liveInfo.live_url,
type: 'customHls',
pic: this.liveInfo.pic_url,
customType: {
customHls: function (video, player) {
hls.loadSource(video.src);
hls.attachMedia(video);
}
}
}
});
dp.play();
dp.on('canplay', function () {
console.log('player good');
_this.canplay = true;
});
dp.on('loadedmetadata', function () {
console.log('player loadedmetadata');
_this.canplay = true;
});
// 直播等待中,重新获取直播
dp.on('waiting', function () {
_this.waitTime = +_this.waitTime + 10;
setTimeout(res => {
console.log(_this.canplay);
if (_this.waitTime < 60 && !_this.canplay) {
_this.initFlv();
}
}, 10000);
console.log(_this.waitTime);
});
},
"dplayer": "^1.26.0",