1. 河豚號 > 生活百科 >

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

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)命令窗口。

 

前端開(kāi)發(fā):Bilibili開(kāi)源純JavaScript編寫(xiě)的FLV播放器(flv.js)

 

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

 

前端開(kāi)發(fā):Bilibili開(kāi)源純JavaScript編寫(xiě)的FLV播放器(flv.js)

 

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

 

前端開(kāi)發(fā):Bilibili開(kāi)源純JavaScript編寫(xiě)的FLV播放器(flv.js)

 

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

 

前端開(kāi)發(fā):Bilibili開(kāi)源純JavaScript編寫(xiě)的FLV播放器(flv.js)

 

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

 

前端開(kāi)發(fā):Bilibili開(kāi)源純JavaScript編寫(xiě)的FLV播放器(flv.js)

 

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

 

前端開(kāi)發(fā):Bilibili開(kāi)源純JavaScript編寫(xiě)的FLV播放器(flv.js)

 

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

 

前端開(kāi)發(fā):Bilibili開(kāi)源純JavaScript編寫(xiě)的FLV播放器(flv.js)

 

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

 

前端開(kāi)發(fā):Bilibili開(kāi)源純JavaScript編寫(xiě)的FLV播放器(flv.js)
前端開(kāi)發(fā):Bilibili開(kāi)源純JavaScript編寫(xiě)的FLV播放器(flv.js)

 

2、其他

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

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

聯(lián)系我們

在線(xiàn)咨詢(xún):點(diǎn)擊這里給我發(fā)消息

微信號:15705946153

工作日:9:30-18:30,節假日休息

国产精品亚洲w码日韩中文|国产高清露脸孕妇系列|久久国语露脸国产精品|久久久777精品电影网影网|欧美高大丰满freesex