flv.js是由Bilibili開源（Apache）的一個HTML5純JavaScript編寫的Flash 視頻（FLV）播放器，不需要flash，HTTP FLV直播當前不是所有的瀏覽器都支持，目前支持（Chrome 43+、FireFox 42+、Edge 15.15048+和Safari 10.1+）。它解析FLV文件轉碼為ISO BMFF（MP4碎片）片段，然後通過Media Source Extensions將片段餵給原生HTML5 <video>標籤進行播放音視頻數據，使瀏覽器在不藉助Flash的情況下播放FLV。
為什麼要使用flv.js呢？因為目前瀏覽器廠商已經開始默認禁用Flash了，但由於Flash影響力還在，做互聯網直播的公司為了能兼容Web上的Flash播放，不約而同地選擇了flv格式，可HTML5只支持Ogg、MPEG4、WebM格式，不能平滑的從Flash過渡到HTML5，flv.js解決了這個問題。
特點：
①flv.js支持視頻編碼為H.264，音頻編碼為AAC或MP3的flv文件。
②支持視頻懶載入，分段載入播放。
③同時支持直播和錄播
④佔用極低的資源，採用硬體加速，性能更好，支持高清。
⑤純JavaScript編寫，不需要對Flash依賴。
1、快速開始
該項目沒有釋放文件需要構建，請先確保已經存在nodejs環境，下載完成後解壓；當然也可以使用CDN引入，下面介紹如何釋放文件。
打開cmd，進入解壓後的文件夾根目錄；或者在文件夾根目錄按住shift+右鍵，選擇在此處打開命令窗口。
輸入npm install安裝依賴。
運行完成後，根目錄會生成一個node_modules文件夾。
運行npm install -g gulp命令安裝構建工具。
最後在運行gulp release命令在dist文件夾中釋放flv.js和flv.min.js文件。
把釋放的文件放到項目任意位置，在頁面中引入js文件即可。
在body元素中創建一個<video>標籤，設置id屬性，添加controls屬性顯示控制條。
運行以下腳本，在HTML5頁面的<video>標籤中就能播放flv文件了。
2、其他
flv.js有比較豐富的方法、事件和配置屬性，能夠滿足基礎的flv格式視頻播放需求，感興趣的朋友可以深入了解。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/277132.html
微信掃一掃 
支付寶掃一掃 