flv.js使用

由于现在flash不能用，学习一下 flv.js的使用

 

使用 flv.js 实现网页播放参考

https://www.jianshu.com/p/547dca89dd43

flv.js 构建出错

解决参考 使用 flv.js 过程产生的常见问题

 

直接下载js

https://www.bootcdn.cn/flv.js/

 

使用 flv.js 过程产生的常见问题

https://blog.csdn.net/epubcn/article/details/103071953

 

使用flv

https://www.cnblogs.com/zhifa/p/13252838.html

 

chrome自动播放失败

https://www.mzwu.com/article.asp?id=4411

https://blog.csdn.net/red_heel/article/details/80508655

 

flv.js 不支持rtmp视频流

https://github.com/Bilibili/flv.js/issues/207

 

缓存累积问题导致画面延迟问题

解决 

同时解决了暂停后画面延迟的问题

这样设置时间画面大概差 5 s，延迟大概 3 s

并且暂停后也可快速跳帧到接近实时

//由于累积延过大时,跳帧播放
setInterval(() => {
	this.jumpToEndBuffer();
}, 30 * 1000);

function jumpToEndBuffer(){
	let buffered = this.playerVideo.buffered;
	if (buffered.length > 0) {
		let end = buffered.end(0);
		if (end - this.playerVideo.currentTime > 0.2) {
			this.playerVideo.currentTime = end - 0.1;
		}
	}
}