基于 hls.js 的虎牙HTML5播放器

Latest Version

Version
0.2.3
Update
January 18, 2021
Size
284KiB
Developer
Category
Users
464
Rating
4.71429 ★
Manifest Version
2
Web Store Status
Languages Support
中文 (简体)
See more
Permissions
*://*.huya.com/
*://*/*
WebRequest
WebRequestBlocking
See more

虎牙HTML5播放器 Extension

感谢@xiaozhuai开源出来解析虎牙直播地址的方法,才让这个扩展更加好用。

0.2.3 临时修复直播无法观看的问题

0.2.2 修复线路和清晰度无法切换的问题

0.2.1 新增dplayer让各种平台的外观统一

0.2.0 由于虎牙官方更新导致播放器失效,现在进行紧急更新并使用hls.js播放器

0.1.8 由于使用flv格式地址播放时会出现断断续续的情况,暂时先回 flv.js 播放器,并且新增线路切换

0.1.6 flv.js 替换 video.js 播放器
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "\u864e\u7259HTML5\u64ad\u653e\u5668", "version": "0.2.3", "description": "\u57fa\u4e8e hls.js \u7684\u864e\u7259HTML5\u64ad\u653e\u5668", "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", "icons": { "16": "images/icon32.png", "32": "images/icon48.png", "48": "images/icon64.png", "128": "images/icon128.png" }, "browser_action": { "default_icon": "images/icon128.png" }, "permissions": [ "*://*.huya.com/", "*://*/*", "webRequest", "webRequestBlocking" ], "background": { "scripts": ["background.js"] }, "web_accessible_resources": [ "js/hls.js", "js/jquery.min.js", "css/default.css", "css/DPlayer.min.css", "js/content.js", "js/stream.js", "js/DPlayer.min.js" ], "content_scripts": [ { "matches": ["*://*.huya.com/*"], "css": ["css/default.css", "css/DPlayer.min.css"], "js": [ "js/hls.js", "js/jquery.min.js", "js/content.js", "js/DPlayer.min.js" ], "run_at": "document_end" } ]}
Read more

How to download and manually install 虎牙HTML5播放器 extension for Chrome

Looking for a way to install 虎牙HTML5播放器 extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install 虎牙HTML5播放器 extensions manually, this article outlines two simple methods to effortlessly install 虎牙HTML5播放器 extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download 虎牙HTML5播放器 extension and manually install through Drag &Drop

If you ever need to manually install a 虎牙HTML5播放器 extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the 虎牙HTML5播放器 Extension by clicking the "Download CRX" button on the website.

Look for the 虎牙HTML5播放器 extension you wish to install. Go to the website and download the 虎牙HTML5播放器 extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for 虎牙HTML5播放器 extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the 虎牙HTML5播放器 extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download 虎牙HTML5播放器 extension for Chrome and install in Developer Mode

This is another method to install 虎牙HTML5播放器 extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the 虎牙HTML5播放器 extension file

Select and download the 虎牙HTML5播放器 extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the 虎牙HTML5播放器 extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your 虎牙HTML5播放器 extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the 虎牙HTML5播放器 extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install 虎牙HTML5播放器 extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

京价保 - 京东价保助手 Extension · Shopping 464 426 ★ 1.01MiB

icon

购物党自动比价工具 Extension · Shopping 464 416 ★ 7.36MiB

icon

Aria2 Explorer Extension · Productivity 464 260 ★ 1.36MiB

icon

眼不见心不烦(新浪微博) Extension · Social & Communication 464 1356 ★ 45.56KiB

icon

迅雷下载支持 Extension · Productivity 464 1302 ★ 246KiB

icon

NA在线影院HTML5播放器 Extension · Fun 464 9 ★ 43.16KiB

icon

Ghelper Extension · Productivity 464 783 ★ 333KiB

icon

cat-catch Extension · Productivity 464 552 ★ 364KiB

icon

广告终结者 Extension · Productivity 464 2706 ★ 302KiB

icon

ACG Helper - Designed for Bilibili Extension · Productivity 464 3702 ★ 3.51MiB

icon

Live Helper Extension · Fun 464 155 ★ 518KiB

icon

集装箱 Extension · Productivity 464 213 ★ 915KiB

icon

网盘助手 Extension · Productivity 464 66 ★ 584KiB

icon

SimpRead - Reader View Extension · Productivity 464 2100 ★ 1.2MiB

icon

bilibili哔哩哔哩下载助手 Extension · Productivity 464 12051 ★ 9.63MiB

icon

悬浮画中画播放器 Extension · Fun 464 60 ★ 122KiB

icon

斗鱼叉叉 Extension · Social & Communication 464 34 ★ 133KiB

icon

Open In IINA Extension · Accessibility 464 54 ★ 131KiB

icon

划词翻译 Extension · Productivity 464 1736 ★ 4.73MiB

icon

Native FLV Playback Extension · Productivity 464 1 ★ 261KiB

icon

Inline HLS Player Extension · Productivity 464 11 ★ 7.68KiB

icon

M3u8Player Extension · Productivity 464 1 ★ 236KiB

icon

AcFun HTML5 Player Extension · Fun 464 164 ★ 167KiB

icon

Extension Manager Extension · Productivity 464 1029 ★ 562KiB

User reviews

icon

张幸 (ID: 0000006f5d8607b6) Voted 5 ★ - Updated 03/04/2020 之前一直用的好好的,不知道是不是这两天虎牙更新了,插件刷不出视频画面了,虎牙自带的HTML5播放器卡的要死。。。郁闷,一下找不到替代 的。

icon

Joy Ding (ID: 00000022b95199f0) Voted 4 ★ - Updated 12/31/2019 挺好的 用了mac终于不发热了 就是弹幕没得看了

icon

Michael M (ID: 000000d0a57e3801) Voted 5 ★ - Updated 10/04/2019 很好用

icon

Min Lu (ID: 000000c79b006ae5) Voted 5 ★ - Updated 01/12/2019 用了之后,没法送礼物了

icon

xiaoming Li (ID: 0000000607a1cdb3) Voted 5 ★ - Updated 11/18/2018 保持现在的状况就差不多了,其他平台想都不用想,一个人的精力是有限的,弄自己经常看的平台就够了,这样才能保持足够的热情,除非用户群很大,但非官方的H5注定是小众的,这方面的盈利方向是很窄的,精力褪去啥都不剩,兼顾多平台万一不维护了影响范围太大,说句不好听的就是那时候是占着茅坑不拉屎了。所以在这里非常感谢作者的无私奉献,给予了我这屏蔽了HTML5上传时不时卡一下的用户更好的体验。