flv.js 直播_前端视频播放插件

        <video id="largeVideo" style="width: 100%; height: 600px" class="centeredVideo" controls autoplay muted width="1015" height="576" >
          Your browser is too old which doesn't support HTML5 video.
        </video>

 let flvPlayerRef1 = document.getElementById("largeVideo");//获取创建dom
let flvPlayerObjM1 = flvjs.createPlayer(
{ 

type: "flv",
isLive: true, //是否直播
url: url, //地址
hasAudio: true,
hasVideo: true,
},
{ 

cors: true, // 是否跨域
stashInitialSize: 384, // 缓存大小(kb) 默认384kb
enableStashBuffer: true, // 是否启用缓存
autoCleanupMaxBackwardDuration: 3 * 60,//自动清除缓存时间
enableWorker: false, // 是否多线程工作
autoCleanupSourceBuffer: true, // 是否自动清理缓存
fixAudioTimestampGap: true,//音视频同步
}
flvPlayerObjM1.load(); //加载
flvPlayerObjM1.play(); //播放

flvPlayerRef1.on(flvjs.Events.STATISTICS_INFO, function (res) { 

flvPlayerObjM1.pause();
flvPlayerObjM1.unload();
flvPlayerObjM1.detachMediaElement();
flvPlayerObjM1.destroy();
flvPlayerObjM1 = null;
});

flvPlayerRef1.on(
flvjs.Events.ERROR,
(errorType, errorDetail, errorInfo) => { 

console.log("errorType:", errorType);
console.log("errorDetail:", errorDetail);
console.log("errorInfo:", errorInfo);
flvPlayerObjM1.pause();
flvPlayerObjM1.unload();
flvPlayerObjM1.detachMediaElement();
flvPlayerObjM1.destroy();
flvPlayerObjM1 = null;
}
);

flvPlayerRef1.on(
flvjs.Events.VIDEO_FROZEN,
(errorType, errorDetail, errorInfo) => { 

console.log("errorType:", errorType);
console.log("errorDetail:", errorDetail);
console.log("errorInfo:", errorInfo);
flvPlayerObjM1.pause();
flvPlayerObjM1.unload();
flvPlayerObjM1.detachMediaElement();
flvPlayerObjM1.destroy();
flvPlayerObjM1 = null;
}
);