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

Question

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

Answer 1

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

Answer 2

检测:

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) {        // 错误处理和重新拉流的代码    });}