2. 河豚號 > 生活百科 >

flv播放器手機版安卓（全免費的視頻編輯器）

河豚俠 ? 生活百科 ? 2022-05-24 11:56:45 ?

flv.js是由Bilibili開源(Apache)的一個HTML5純JavaScript編寫的Flash 視頻(FLV)播放器，不需要flash，HTTP FLV直播當(dāng)前不是所有的瀏覽器都支持，目前支持(Chrome 43+、FireFox 42+、Edge 15.15048+和Safari 10.1+)。它解析FLV文件轉(zhuǎn)碼為ISO BMFF(MP4碎片)片段，然后通過Media Source Extensions將片段喂給原生HTML5

為什么要使用flv.js呢?因為目前瀏覽器廠商已經(jīng)開始默認(rèn)禁用Flash了，但由于Flash影響力還在，做互聯(lián)網(wǎng)直播的公司為了能兼容Web上的Flash播放，不約而同地選擇了flv格式，可HTML5只支持Ogg、MPEG4、WebM格式，不能平滑的從Flash過渡到HTML5，flv.js解決了這個問題。

特點：

①flv.js支持視頻編碼為H.264，音頻編碼為AAC或MP3的flv文件。

②支持視頻懶加載，分段加載播放。

③同時支持直播和錄播

④占用極低的資源，采用硬件加速，性能更好，支持高清。

⑤純JavaScript編寫，不需要對Flash依賴。

1、快速開始

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

該項目沒有釋放文件需要構(gòu)建，請先確保已經(jīng)存在nodejs環(huán)境，下載完成后解壓;當(dāng)然也可以使用CDN引入，下面介紹如何釋放文件。

打開cmd，進入解壓后的文件夾根目錄;或者在文件夾根目錄按住shift+右鍵，選擇在此處打開命令窗口。

 

前端開發(fā)：Bilibili開源純JavaScript編寫的FLV播放器（flv.js）

 

輸入npm install安裝依賴。

 

前端開發(fā)：Bilibili開源純JavaScript編寫的FLV播放器（flv.js）

 

運行完成后，根目錄會生成一個node_modules文件夾。

 

前端開發(fā)：Bilibili開源純JavaScript編寫的FLV播放器（flv.js）

 

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

 

前端開發(fā)：Bilibili開源純JavaScript編寫的FLV播放器（flv.js）

 

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

 

前端開發(fā)：Bilibili開源純JavaScript編寫的FLV播放器（flv.js）

 

把釋放的文件放到項目任意位置，在頁面中引入js文件即可。

 

前端開發(fā)：Bilibili開源純JavaScript編寫的FLV播放器（flv.js）

 

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

 

前端開發(fā)：Bilibili開源純JavaScript編寫的FLV播放器（flv.js）

 

運行以下腳本，在HTML5頁面的

 

前端開發(fā)：Bilibili開源純JavaScript編寫的FLV播放器（flv.js）
前端開發(fā)：Bilibili開源純JavaScript編寫的FLV播放器（flv.js）

 

2、其他

flv.js有比較豐富的方法、事件和配置屬性，能夠滿足基礎(chǔ)的flv格式視頻播放需求，感興趣的朋友可以深入了解。

本文由網(wǎng)上采集發(fā)布，不代表我們立場，轉(zhuǎn)載聯(lián)系作者并注明出處：http://webhosting0.com/shbk/38954.html

相關(guān)推薦

聯(lián)系我們

在線咨詢：點擊這里給我發(fā)消息

微信號：15705946153

工作日：9:30-18:30，節(jié)假日休息