- 安装dplayer
npm install dplayer --save - 安装flv.js
npm install flv.js --save - 在页面中引入dplayer
index.html
<script src="https://cdn.bootcss.com/flv.js/1.5.0/flv.min.js"></script>
<div id="dplayer"></div>
import DPlayer from 'dplayer
live() {
let _that = this
this.$nextTick(() => {
_that.dp = new DPlayer({
live: true,
preload: 'auto',
container: document.getElementById('dplayer'),
video: {
url: _that.url, // url地址
type: 'customFlv',
customType: {
customFlv: function(video, player) {
_that.flvPlayer = flvjs.createPlayer({
type: 'flv',
url: _that.url,
hasAudio: false,
isLive: true
})
_that.flvPlayer.attachMediaElement(video)
// 这里根据项目实际来 我这里是因为推流有延迟
_that.timer = setTimeout(() => {
_that.flvPlayer.load()
_that.flvPlayer.play()
}, 6000)
_that.flvPlayer.on('error', e => {
// 这里是视频加载失败
})
}
}
}
})
})
},
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/64805.html
