斗魚HTML5播放器插件概述

我們在使用斗魚直播觀看視頻的時候應(yīng)該會遇到FLASH播放器卡頓，CPU利用率很高的情況。而且目前的主流趨勢行情就是FLASH的沒落，HTML5的盛行。我們今天要介紹的就是一款可以替換斗魚TV的斗魚HTML5播放器.使用了 flv.js 內(nèi)核提供的直播流播放, 用 JavaScript 實現(xiàn)了斗魚的彈幕協(xié)議, 并支持發(fā)送彈幕和送禮物.視頻播放基于 flv.js, 彈幕發(fā)射使用 CSS3, 彈幕協(xié)議通過自制一個很小的 Flash 與 JavaScript 通信, 在 JavaScript 中實現(xiàn)斗魚的彈幕協(xié)議.由于斗魚使用了 HTTPS, 受到 Mixed Content 限制, 只能在 Background 頁面 fetch 視頻內(nèi)容再傳到 Content Script 給 flv.js 進行播放.小編覺得斗魚HTML5播放器的開發(fā)者實在是厲害，無私貢獻資源，向作者表示敬意！

斗魚HTML5播放器插件使用說明

1.用戶需要直接在chrome應(yīng)用商店在線安裝，或許在本站下載離線安裝，其安裝方法參照：怎么在谷歌瀏覽器中安裝.crx擴展名的離線Chrome插件？ 最新谷歌瀏覽器離線安裝版可以從這里下載：https://huajiakeji.com/chrome/2014-09/177.html。

2.因為 Flash 播放器是直接連 TCP 的, 而純 JS 是完成不了的…HTML5 有 WebSocket 然而斗魚的彈幕服務(wù)器并不支持.于是在 GitHub 上找了個 JSocket 然后魔改了一下, 比如把 Flash 和 JS 的通信用 Base64 編碼了一下, 因為斗魚的彈幕協(xié)議是二進制包而不是基于字符串的。

3.斗魚的 Flash 播放器其實連了兩個彈幕服務(wù)器, 一個專門用于接收彈幕, 另一個用于傳輸房間信息, 送禮物和發(fā)送彈幕, 好在傳輸協(xié)議都一樣, 只是功能不一樣而已. 之后我把前者叫做彈幕服務(wù)器, 另一個叫做信息服務(wù)器.

斗魚HTML5播放器插件注意事項

1.關(guān)于彈幕:彈幕連接基于Flash, 需要加載一個很小的swf來連接彈幕服務(wù)器.如果看不到彈幕 請檢查地址欄右側(cè)有沒有Flash被禁用的圖標.

2.要求 Chrome 版本大于等于 49 (僅在54+版本測試過)，打開斗魚的直播間, 如果沒有錯誤, 播放器就已經(jīng)被自動替換。

注: 如開啟了 chrome://flags/#extension-active-script-permission, 請注意允許擴展程序在所有網(wǎng)址上運行, 否則會沒有權(quán)限運行.

斗魚HTML5播放器插件聯(lián)系方法

1.內(nèi)容由spacemeowx2提供。

2.GitHub: https://github.com/spacemeowx2/DouyuHTML5Player

查看更多

總結(jié)

以上是生活随笔為你收集整理的斗鱼html5插件 edge,斗鱼HTML5播放器插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。