web页面直播项目使用video标签.flv协议偶现断流?

Question

web端页面的直播项目,使用阿里播放器,流协议是.flv,电脑一直不动放那里拉流观看,大概一个小时后偶现不拉流了黑屏问题(全程无任何操作,会不会是电脑硬件或者浏览器性能、缓存的问题呢)
有没有好的解决方法?如何去监测到流断了我重新去执行一下拉流渲染操作?

Answer 1

检测:

var videoElement = document.querySelector('video');
videoElement.addEventListener('error', function() {
  // 重新拉流
});

定时：

setInterval(function() {
  if (videoElement.networkState === videoElement.NETWORK_NO_SOURCE) {
    // 重新拉流
  }
}, 60000); 

第三方库：

if (flvjs.isSupported()) {
    var flvPlayer = flvjs.createPlayer({
        type: 'flv',
        url: 'http://example.com/live/stream.flv'
    });
    flvPlayer.attachMediaElement(videoElement);
    flvPlayer.load();
    flvPlayer.on(flvjs.Events.ERROR, function(e) {
        // 错误处理和重新拉流的代码
    });
}

Answer 2

建议你使用播放器组件,有比较完善的功能体系
比如,EasyPlayer