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;
		}
	}
}