整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
LV（Flash Video）流媒體格式，是隨著 Flash MX 的推出發(fā)展而來的視頻格式。其文件體積小，一般1分鐘只占1MB，是普通視頻文件大小的1/3，且視頻質(zhì)量良好，廣受視頻網(wǎng)站歡迎。然而，F(xiàn)LV 格式往往利用 Flash Player 進(jìn)行解碼播放，但如今，主流瀏覽器都已經(jīng)放棄支持 Flash Playe。同時(shí)，HTML5 原生的 video 標(biāo)簽并不支持 FLV 格式。如何在 HTML5 時(shí)代，還能發(fā)揮 FLV 視頻格式的優(yōu)勢呢？作為一個(gè)蓬勃發(fā)展中的視頻網(wǎng)站，bilibili 開源了 FLV 視頻的 HTML5 播放器，使得 HTML5 與 FLV 得以結(jié)合。
FLV視頻播放器
Flv.js，是 bilibili（嗶哩嗶哩）在 Github 上開源的 HTML5 的 FLV 視頻播放器，項(xiàng)目位于 https://github.com/bilibili/flv.js，目前版本為 v1.5.0。Flv.js 支持 H.264 + AAC/MP3 編碼的 FLV 視頻，支持視頻分片，支持低延遲的 HTTP/WebSocket 協(xié)議的 FLV 格式的直播視頻流，兼容 Chrome、Firefox、Safari 10、IE 11 和 Edge，具有極低的消耗，支持瀏覽器硬件加速。原理上，F(xiàn)lv.js 把 FLV 視頻流轉(zhuǎn)碼為 ISO BMFF（切片的MP4），然后把切片放到 HTML 的 video 元素中進(jìn)行播放。
flv.js項(xiàng)目
Flv.js 可以使用 NPM 直接安裝，加入到前端項(xiàng)目依賴中：
npm install --save flv.js也可以使用國內(nèi)鏡像的 CNPM 進(jìn)行安裝：
cnpm install --save flv.js還可以在本地進(jìn)行構(gòu)建：
npm install # 安裝開發(fā)依賴
npm install -g gulp # 安裝構(gòu)建工具 gulp
gulp release # 構(gòu)建發(fā)布Flv.js 使用 ECMAScript 6 編寫，使用 Babel Compiler 轉(zhuǎn)譯到 ECMAScript5，并使用 Browserify 進(jìn)行打包。
Flv.js 的架構(gòu)設(shè)計(jì)如下：
Flv.js架構(gòu)設(shè)計(jì)
核心部分為 FlvDemuxer 和 MP4Remuxer，分別對(duì) FLV 視頻進(jìn)行分離，和封裝為 MP4 視頻。內(nèi)部通過多個(gè)Controller控制器，發(fā)送指令，對(duì)數(shù)據(jù)流的操作進(jìn)行控制。
Flv.js 使用簡單，通過接口 createPlayer 實(shí)例化播放器，配置對(duì)應(yīng)的視頻源，然后，掛載到 DOM 容器上，并調(diào)用 load() 進(jìn)行加載，調(diào)用 play() 進(jìn)行播放：
<script src="flv.min.js"></script>
<video id="videoElement"></video>
<script>
if (flvjs.isSupported()) {
var videoElement = document.getElementById('videoElement');
var flvPlayer = flvjs.createPlayer({
type: 'flv',
url: 'http://example.com/flv/video.flv'
});
flvPlayer.attachMediaElement(videoElement);
flvPlayer.load();
flvPlayer.play();
}
</script>注意到，flv.js 提供了 isSupported 接口，可以很方便地判斷 Flv.js 是否支持當(dāng)前的瀏覽器環(huán)境。Flv.js提供了一個(gè)測試用的 demo 頁面，可以進(jìn)行視頻播放的測試：
Flv.js demo
Flv.js 主要提供了3個(gè)函數(shù)：
還有3個(gè)類：
以及3個(gè)枚舉：
使用時(shí)的主要接口是 createPlayer，它的函數(shù)簽名如下：
function createPlayer(mediaDataSource: MediaDataSource, config?: Config): Player;其中 mediaDataSource 進(jìn)行視頻流配置，常用的參數(shù)包括：
而 config 進(jìn)行 flv.js 播放器內(nèi)部配置，包括worker、緩存、加載策略等的配置。
對(duì)于體積較大的視頻，往往在服務(wù)器中會(huì)進(jìn)行切片處理。Flv.js 支持對(duì)于切片視頻的加載播放，通過提供 segments 配置。segments 是一個(gè)切片配置的列表，每個(gè)配置包括了視頻長度、文件大小和視頻地址：
"segments": [
{
"duration": 1234, // in milliseconds
"filesize": 5678, // in bytes
"url": "http://cdn.flvplayback.com/segments-1.flv"
},
{
"duration": 2345,
"filesize": 6789,
"url": "http://cdn.flvplayback.com/segments-2.flv"
},
{
"duration": 4567,
"filesize": 7890,
"url": "http://cdn.flvplayback.com/segments-3.flv"
}
// more segments...
]Flv.js 支持直播視頻流的播放，通過 isLive 配置實(shí)現(xiàn)，支持 HTTP 協(xié)議的視頻流：
{
// HTTP FLV
"type": "flv",
"isLive": true,
"url": "http://127.0.0.1:8080/live/livestream.flv"
}以及 WebSocket 協(xié)議的視頻流：
{
// FLV over WebSocket
"type": "flv",
"isLive": true,
"url": "ws://127.0.0.1:9090/live/livestream.flv"
}flv.js項(xiàng)目
Flv.js 作為一個(gè) HTML5 視頻播放器，實(shí)現(xiàn)了通過原生 Javascript，在 HTML5 頁面上進(jìn)行 FLV 視頻的播放，充分利用了 FLV 格式優(yōu)秀的體積和質(zhì)量，提供了更為優(yōu)秀的播放體驗(yàn)，降低了視頻服務(wù)器和負(fù)荷，同時(shí)支持切片、直播、懶加載等進(jìn)階特性，功能豐富。Flv.js 目前已被廣泛應(yīng)用到視頻播放網(wǎng)站中，使用者眾多，同時(shí)代碼質(zhì)量高，值得使用、研究和學(xué)習(xí)。
HTML5 + FLV
哩嗶哩電腦版是針對(duì)嗶哩嗶哩視頻站而開發(fā)的一款pc電腦版客戶軟件，其功能和網(wǎng)頁版幾乎相同，能夠有效的播放各種視頻資源，并且能夠完美的突破404頁面的問題，讓你隨意觀看各種視頻。除此之外，軟件還可以更方便的進(jìn)入主站、畫友、游戲中心、直播、手機(jī)端等模塊，以及支持手動(dòng)播放av號(hào)，直接輸入視頻地址，搜索av號(hào)，下載視頻等功能，歡迎有需要的朋友免費(fèi)下載體驗(yàn)。
ps：這里可以獲取軟件資源【http://www.ddooo.com/softdown/131501.htm】
嗶哩嗶哩電腦版特色
1、支持最新最熱門的新番播放。
2、擁有高清選項(xiàng)。
3、能夠有效的突破404跳轉(zhuǎn)。
4、可快速進(jìn)入主站、畫友、游戲中心、直播。
使用說明：
1、下載解壓，雙擊文件“bilibilipc.exe”打開嗶哩嗶哩電腦客戶端，如果彈出檢查更新，選擇否；
2、軟件界面如下，和官方的網(wǎng)頁版一樣的，操作方法也相同；
3、打開一個(gè)電影看下，觀看體驗(yàn)非常不錯(cuò)，支持全屏，寬屏模式，還可以設(shè)置彈幕；
4、電腦版上方點(diǎn)擊一庫，可以手動(dòng)播放av號(hào)，直接輸入視頻地址，搜索，下載視頻等功能。
常見問題
一、視頻出現(xiàn)綠屏/花屏/黑屏/白屏/白板如何解決？
綠屏/花屏問題排查：
1.檢查顯卡驅(qū)動(dòng)是否過舊，更新顯卡驅(qū)動(dòng)；
2.檢查是否瀏覽器問題，更換瀏覽器嘗試；
3.檢查是否解碼器問題，如使用非系統(tǒng)自帶解碼器，嘗試換回系統(tǒng)解碼器。
4. 如果以上方法還是解決不了問題，請(qǐng)聯(lián)系客服。
白屏問題排查：
1.檢查是否flash播放器問題，嘗試打開 http://static.hdslb.com/play.swf ，能正常顯示播放器后刷新原播放頁面。
2.更換播放器為HTML5播放器
二、小電視一直抖動(dòng)，無法載入
問題排查：
1.連接到視頻源獲取信息失敗，可能是您的網(wǎng)絡(luò)問題或bilibili服務(wù)器故障。檢測工具：
http://www.bilibili.com/blackboard/diagnostics.html
2.如果以上方法還是解決不了問題，請(qǐng)聯(lián)系客服。
三、視頻無法關(guān)燈、加速、全屏播放
問題排查：
關(guān)燈：在播放頁面右鍵
無法加速：將播放器切換為H5播放器，在播放頁面右鍵選擇。
無法全屏：檢查插件沖突和瀏覽器安全限制策略，或更換瀏覽器。
如果以上方法還是解決不了問題，請(qǐng)聯(lián)系客服。
四、無法切換H5播放器
問題排查：
1.檢查是否瀏覽器問題，目前IE瀏覽器僅支持win10下的IE11內(nèi)核。若瀏覽器有多種功能模式，請(qǐng)嘗試使用極速模式。或是更換chome內(nèi)核瀏覽器。
2.如果以上方法還是解決不了問題，請(qǐng)聯(lián)系客服。
更新日志
嗶哩嗶哩電腦版2018.10更新日志
1、已經(jīng)幾乎接近完美。
2、[優(yōu)化]提升穩(wěn)定性
3、[修復(fù)]有些情況下關(guān)閉客戶端進(jìn)程依舊殘留的BUG
文首發(fā)于什么值得買平臺(tái)請(qǐng)關(guān)注本賬號(hào)獲取更多好文，作者：值行
大家好，我是值行的白色閃電——小白。
如果說眼睛是心靈的窗口，那瀏覽器就是互聯(lián)網(wǎng)的眼睛。我們工作學(xué)習(xí)的大部分時(shí)間都在和瀏覽器打交道，一款優(yōu)秀的瀏覽器簡直是工作的小幫手，生活的小貼士，可以給我們的精神世界帶來潛移默化的影響。但I(xiàn)E除外：
2020年，我的身邊已經(jīng)沒有人用IE了，這款瀏覽器成為了一個(gè)沒有靈魂的jpg圖標(biāo)。小時(shí)候用IE玩4399時(shí)歡樂的笑容依舊回蕩在耳邊，那是我們逝去的青春。
后IE時(shí)代，大家都在用什么瀏覽器呢？今天我們就來看一看：
2020年了，國內(nèi)網(wǎng)友們都在用什么瀏覽器？
在權(quán)威數(shù)據(jù)網(wǎng)站statcounter上我們可以看到目前各瀏覽器的用戶占比：
（數(shù)據(jù)截止至2019年6月）
根據(jù)數(shù)據(jù)可知，國內(nèi)Chrome用戶比例超過50%，占據(jù)半壁江山，遠(yuǎn)超其他瀏覽器。
隨后的瀏覽器用戶占比差距就不大了，排名第二的UC瀏覽器占比只有12.49%，是排名第一的Chrome的四分之一左右。Safari由于是IOS系統(tǒng)的自帶瀏覽器，安卓用戶無法使用，我們這里就不分析了。
排名第四的QQ瀏覽器用戶占比為11.18%，IE瀏覽器僅為3.18%，
考慮到用戶占比和產(chǎn)品特點(diǎn)，本篇文章我們選擇Chrome、UC瀏覽器、QQ瀏覽器這三款瀏覽器來分析他們各自的優(yōu)缺點(diǎn)。
1.Chrome
由Google公司發(fā)布于2008年9月2日，該瀏覽器基于其他開源軟件撰寫，包括WebKit，目標(biāo)是提升穩(wěn)定性、速度和安全性，并創(chuàng)造出簡單且有效率的使用者界面。
蘋果 App Store評(píng)分：
Google Play評(píng)分：
為什么要叫Chrome呢？Chrome是元素“鉻”的英文，是世界上最硬的純金屬，且鉻的化合物呈現(xiàn)紅黃綠等多種顏色。從名字就能看出Chrome的初心——做一個(gè)有姿態(tài)的實(shí)力派。
Chrome的初始頁面是Google的搜索框和可自行編輯的快捷網(wǎng)站。地址欄非常簡單，標(biāo)簽頁細(xì)長，不會(huì)讓人產(chǎn)生擁擠感，地址欄可以兼用作搜索欄。Chrome給人最直接的感受是簡潔舒適，像是一塊全面屏的手機(jī)。
亮點(diǎn)介紹：說起Chrome，最大的亮點(diǎn)一定是市場里功能齊全的插件，屏蔽廣告、下載網(wǎng)頁視頻、動(dòng)態(tài)截圖等超實(shí)用的功能簡直是重新定義瀏覽器。
這里我們不說Chrome自帶的擴(kuò)展程序市場，小編為大家推薦一個(gè)高分插件合集網(wǎng)站：極簡插件。極簡插件里有每個(gè)插件詳細(xì)的下載地址和安裝教程，新手也能輕松搞定插件。下面為大家推薦幾款熱門的實(shí)用擴(kuò)展程序：
①廣告攔截 uBlock Origin
一款高效的請(qǐng)求過濾工具：占用極低的內(nèi)存和CPU，和其他常見的過濾工具相比，它能夠加載并執(zhí)行上千條過濾規(guī)則。用法：點(diǎn)擊彈出窗口中的電源按鈕，uBlock? 將對(duì)當(dāng)前網(wǎng)頁永久禁用/啟用過濾功能，它只控制當(dāng)前網(wǎng)頁的請(qǐng)求過濾。
Chrome最好的廣告攔截器之一，速度更快，資源消耗更低。
② vip視頻解析
使用方法：打開想要看的視頻，彈出VIP觀看窗口，點(diǎn)擊打開插件，選擇一個(gè)網(wǎng)站打開，如果不行就換一個(gè)網(wǎng)站或者換線路，或者在其他視頻網(wǎng)站找到該資源，然后選擇一個(gè)網(wǎng)站，因?yàn)椴煌慕馕鼍W(wǎng)站對(duì)愛奇藝，優(yōu)酷等的支持不一樣。
別開會(huì)員了，小編包養(yǎng)你。
③ 嗶哩嗶哩助手_bilibili helper
嗶哩嗶哩彈幕網(wǎng)輔助擴(kuò)展，可以替換 HTML5 播放器、繞過區(qū)域限制、推送通知、下載B站視頻等。
干♂杯！
④ 眼不見心不煩（新浪微博）
被強(qiáng)行推送的廣告微博刷得搓火？被新版微博巨型配圖搞得反胃？5個(gè)屏蔽用戶名額不夠用，又不想交錢開通會(huì)員？新浪微博非官方功能增強(qiáng)插件“眼不見心不煩”可以無限制地屏蔽關(guān)鍵詞、用戶、來源，去除頁面廣告和推廣微博。
還你一個(gè)干凈的微博。
⑤ 什么值得買 實(shí)時(shí)推送
這不是自家廣告，這是廣大值友的福音。先讓我們進(jìn)一段自我介紹：“什么值得買”是一個(gè)中立的，致力于幫助廣大網(wǎng)友買到更有性價(jià)比網(wǎng)購產(chǎn)品的推薦類博客。“什么值得買”的目的是在幫助網(wǎng)友控制網(wǎng)購的風(fēng)險(xiǎn)的同時(shí)，盡可能的向大家介紹高性價(jià)比的網(wǎng)購產(chǎn)品，讓大家買著不心疼，花錢等于省錢。薅羊毛省錢神器，讓你一邊看劇一邊把羊毛薅了。
永遠(yuǎn)比別人先一步剁手。
⑥ 百度藥丸 Baidu Capsule
屏蔽百度線上產(chǎn)品頁面廣告(搜索、新聞、貼吧、知道、音樂、圖片、視頻、文庫等)。可當(dāng)書簽用，省去每次輸入百度地址的麻煩。
無論如何，小編一定要把這款插件放上來。萬惡的百度，用無數(shù)令人發(fā)指的新聞和廣告充斥著用戶的每一寸屏幕，而我們不可能隨時(shí)都能用到隔壁的Google。因此，在和baidu打交道的每一秒里，都需要自愛。吃一顆百度藥丸，原地復(fù)活。
*彩蛋
這個(gè)頁面相信很多人都不陌生，一只充滿絕望的恐龍，他的出現(xiàn)意味著：你網(wǎng)沒了。
但是很多人不知道的是，這只恐龍居然是Chrome的一個(gè)小游戲彩蛋。在頁面中按一下方向鍵↑，這只恐龍居然就活了。游戲很簡單，通過方向鍵↑鍵跳躍恐龍躲躲避障礙物。斷網(wǎng)之際掃雷都能大戰(zhàn)三百回合，這個(gè)解悶應(yīng)該不成問題。
現(xiàn)在出現(xiàn)這個(gè)頁面不用絕望，說不定玩到一半網(wǎng)就來了。
總結(jié)
優(yōu)點(diǎn)：①速度快 ②頁面簡潔 ③同步Google生態(tài)，個(gè)人數(shù)據(jù)不怕丟 ④擴(kuò)展程序多 ⑤自帶網(wǎng)頁翻譯
缺點(diǎn)：①與國內(nèi)很多網(wǎng)站缺少兼容 ②Flash等插件有時(shí)會(huì)被阻擋
2.UC瀏覽器
UC重點(diǎn)布局品質(zhì)生活內(nèi)容生態(tài)，提供即時(shí)、豐富、優(yōu)質(zhì)內(nèi)容，通過內(nèi)容推動(dòng)認(rèn)知升級(jí)，讓更多用戶對(duì)更好的商品、服務(wù)和體驗(yàn)擁有全新的感知。
蘋果Apple Store評(píng)分：
Google Play評(píng)分：
除了震驚部外，UC居然還有瀏覽器。
2014年6月11日，阿里巴巴集團(tuán)宣布全面收購優(yōu)視科技。UC瀏覽器從此成為了阿里旗下的大將。
2016年8月23日，UC在北京市舉行戰(zhàn)略升級(jí)發(fā)布會(huì)，宣布“UC瀏覽器”正式升級(jí)為“UC”，向“大數(shù)據(jù)新型媒體平臺(tái)”全面升級(jí)。
UC瀏覽器的初始界面和Chrome有挺大差別，一眼就能看出UC的產(chǎn)品價(jià)值觀——為用戶提供豐富的資訊。
UC瀏覽器的初始界面自帶國內(nèi)著名的電商、資訊、搜索引擎等傳送門，往下滑就是根據(jù)大數(shù)據(jù)推送的UC頭條資訊。關(guān)于瀏覽器自帶資訊這件事，有人覺得很干擾瀏覽器使用，有人覺得讓瀏覽器功能豐富化，實(shí)在是仁者見仁智者見智。
亮點(diǎn)介紹：UC瀏覽器最大的亮點(diǎn)在于資訊和瀏覽器的一體化，手機(jī)端與電腦端可以同步數(shù)據(jù)。
UC的擴(kuò)展插件相比Chrome要少很多，這里小編為大家介紹幾個(gè)商城中的熱門插件：
① 捕捉網(wǎng)頁截圖 - FireShot
捕捉網(wǎng)頁截圖，編輯并將它們保存為PDF，JPEG，PNG；上傳，打印，在Photoshop中打開，復(fù)制到剪貼板或電子郵件
小編自用的截圖插件，這款插件在Chrome上也有。它好用在截圖的過程中也可以滾動(dòng)網(wǎng)頁截取后面的內(nèi)容，使用起來非常靈活，強(qiáng)烈推薦。
② Video Downloader GetThemAll
嗅探頁面鏈接、圖片、音頻、視頻、文檔等各種資源，并提供下載功能。支持自定義選擇下載類型
掘地三尺把視頻挖出來下載，從此看劇不聯(lián)網(wǎng)。
③ Adblock Plus
Adblock Plus 是世界上最流行的廣告過濾插件，僅支持在極速內(nèi)核。當(dāng)出現(xiàn)提示“視頻無法播放”或“瀏覽器不兼容”等問題時(shí)，請(qǐng)停用此插件。
免費(fèi)高效無廣告。
④ 淘貨源
超4億淘寶天貓海量同款貨源快速發(fā)現(xiàn)，利潤high翻天！安裝后，瀏覽淘寶頁面自動(dòng)推薦1688優(yōu)質(zhì)同款貨源！
總結(jié)
優(yōu)點(diǎn)：①資訊豐富 ②手機(jī)電腦端資料同步 ③兼容性好
缺點(diǎn)：①廣告多 ②插件多 ③可擴(kuò)展程序有限
3.QQ瀏覽器
采用全新架構(gòu)并針對(duì)IE內(nèi)核做了全面優(yōu)化。瞬間開啟的超快體驗(yàn)，靈動(dòng)輕逸的全新設(shè)計(jì)，更有強(qiáng)大的安全保障。旨在帶來更輕、更快、更安全的瀏覽體驗(yàn)，給用戶一個(gè)既純凈又簡約的上網(wǎng)環(huán)境。
蘋果 App Store評(píng)分：
Google Play評(píng)分：
無
騰訊的QQ瀏覽器采用Chromium內(nèi)核+IE雙內(nèi)核，讓瀏覽快速穩(wěn)定，拒絕卡頓，完美支持HTML5和各種新的Web標(biāo)準(zhǔn)。
同時(shí)可以安裝眾多Chrome的拓展，支持QQ快捷登錄，登錄瀏覽器后即可自動(dòng)登錄騰訊系網(wǎng)頁。
QQ瀏覽器的初始界面是傳統(tǒng)的站點(diǎn)導(dǎo)航界面，在這里你基本上可以找到所有常用網(wǎng)站。搜索引擎可以在搜狗、Google、Bing和百度之間切換，很靈活。
亮點(diǎn)介紹：QQ瀏覽器有一個(gè)騰訊獨(dú)家功能，那就是瀏覽器里自帶微信。
點(diǎn)擊左側(cè)的工具欄就可以掃碼登錄微信，邊上網(wǎng)邊聊天，帶來更為高效的微信溝通體驗(yàn)。
QQ瀏覽器有自己的插件商城，里面種類還算多樣，小編為大家推薦這幾款插件：
① 二維碼(QR碼)生成器(QR Code Generator)
可以生成當(dāng)前頁面二維碼,手機(jī)直接掃二維碼就可以訪問當(dāng)前頁面。
② iCloud 書簽
使您 Windows 上的 Chrome 書簽與您的 iPhone、iPad 和 Mac 上的 Safari 書簽保持一致。
③ 搜狗打假助手
利用大數(shù)據(jù)，提取全網(wǎng)購物經(jīng)驗(yàn)，幫你識(shí)別真假網(wǎng)購。一秒鐘識(shí)別假貨!剁手族的福音!
④ Adobe Acrobat
將當(dāng)前網(wǎng)頁轉(zhuǎn)換為 Adobe PDF 文件（僅限 Windows）。
⑤ The Great Suspender
凍結(jié)暫時(shí)用不到的標(biāo)簽頁，以便釋放系統(tǒng)資源。
總結(jié)
優(yōu)點(diǎn)：①小巧，啟動(dòng)速度快 ②騰訊生態(tài)內(nèi)，數(shù)據(jù)同步QQ賬號(hào)，不易丟失 ③自帶微信小程序，交流靈活
缺點(diǎn)：①內(nèi)存占用偏高
好了，本期簡單的瀏覽器評(píng)測和插件推薦到這里就結(jié)束了，你在用哪款瀏覽器？最想吐槽哪款瀏覽器？歡迎在評(píng)論區(qū)說出你的故事~
未經(jīng)授權(quán)，不得轉(zhuǎn)載
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
