通过直播流缓存的最新帧buffered
在videojs对象中调用
// video标签获取
let listPlayer = document.getElementById('my-video')
let player = videojs('my-video'),{}, function() {
// 获取当前播放时间
let curr = player.currentTime()
// 直播流缓存的最新帧
let buffer = player.buffered().end(0)
// 计算延迟
let delayTime = buffer - curr
方法1: 判断delayTime 如果延迟小于5s（自己定义）认为卡顿
方法2: 监听curr 如果 curr 在一定时间内未发生变化即可认为视频卡顿
this.on('play', function() {
console.log('正在播放');
setInterval(() => {
delayTime = this.buffered().end(0) - this.currentTime()
if (delayTime < 5) {
// 调用video的load()方法
listPlayer.load()
}
}, 1000)
});
// 暂停--播放完毕后也会暂停
this.on('pause', function() {
console.log("暂停中")
});
// 结束
this.on('ended', function() {
console.log('结束');
});
})
参考网址:https://www.imooc.com/wenda/detail/539146
