videojs 卡顿_videojs播放直播流，变向监听直播流是否处于卡住状态

通过直播流缓存的最新帧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