flv.js是由Bilibili開(kāi)源(Apache)的一個(gè)HTML5純JavaScript編寫(xiě)的Flash 視頻(FLV)播放器,不需要flash,HTTP FLV直播當前不是所有的瀏覽器都支持,目前支持(Chrome 43+、FireFox 42+、Edge 15.15048+和Safari 10.1+)。它解析FLV文件轉碼為ISO BMFF(MP4碎片)片段,然后通過(guò)Media Source Extensions將片段喂給原生HTML5
為什么要使用flv.js呢?因為目前瀏覽器廠(chǎng)商已經(jīng)開(kāi)始默認禁用Flash了,但由于Flash影響力還在,做互聯(lián)網(wǎng)直播的公司為了能兼容Web上的Flash播放,不約而同地選擇了flv格式,可HTML5只支持Ogg、MPEG4、WebM格式,不能平滑的從Flash過(guò)渡到HTML5,flv.js解決了這個(gè)問(wèn)題。
特點(diǎn):
①flv.js支持視頻編碼為H.264,音頻編碼為AAC或MP3的flv文件。
②支持視頻懶加載,分段加載播放。
③同時(shí)支持直播和錄播
④占用極低的資源,采用硬件加速,性能更好,支持高清。
⑤純JavaScript編寫(xiě),不需要對Flash依賴(lài)。
1、快速開(kāi)始
https://github.com/Bilibili/flv.js
該項目沒(méi)有釋放文件需要構建,請先確保已經(jīng)存在nodejs環(huán)境,下載完成后解壓;當然也可以使用CDN引入,下面介紹如何釋放文件。
打開(kāi)cmd,進(jìn)入解壓后的文件夾根目錄;或者在文件夾根目錄按住shift+右鍵,選擇在此處打開(kāi)命令窗口。

輸入npm install安裝依賴(lài)。

運行完成后,根目錄會(huì )生成一個(gè)node_modules文件夾。

運行npm install -g gulp命令安裝構建工具。

最后在運行g(shù)ulp release命令在dist文件夾中釋放flv.js和flv.min.js文件。

把釋放的文件放到項目任意位置,在頁(yè)面中引入js文件即可。

在body元素中創(chuàng )建一個(gè)

運行以下腳本,在HTML5頁(yè)面的


2、其他
flv.js有比較豐富的方法、事件和配置屬性,能夠滿(mǎn)足基礎的flv格式視頻播放需求,感興趣的朋友可以深入了解。
本文由網(wǎng)上采集發(fā)布,不代表我們立場(chǎng),轉載聯(lián)系作者并注明出處:http://seensnowboarding.com/shbk/38954.html