All Projects → spacemeowx2 → Douyuhtml5player

spacemeowx2 / Douyuhtml5player

Licence: mit
替换斗鱼的Flash弹幕播放器

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

Projects that are alternatives of or similar to Douyuhtml5player

Yii2 fecshop
yii2 ( PHP ) fecmall(fecshop) core code used for ecommerce shop 多语言多货币多入口的开源电商 B2C 商城,支持移动端vue, app, html5,微信小程序微店,微信小程序商城等
Stars: ✭ 4,864 (+675.76%)
Mutual labels:  html5
Mui Demo
一个关于mui的demo仓库。
Stars: ✭ 562 (-10.37%)
Mutual labels:  html5
Xy Ui
🎨面向未来的原生 web components UI组件库
Stars: ✭ 603 (-3.83%)
Mutual labels:  html5
Awesome Glsl
🎇 Compilation of the best resources to learn programming OpenGL Shaders
Stars: ✭ 530 (-15.47%)
Mutual labels:  html5
Tabler
Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
Stars: ✭ 24,611 (+3825.2%)
Mutual labels:  html5
Server
[WIP] Ulterius™ server where all the magic happens 🚀
Stars: ✭ 595 (-5.1%)
Mutual labels:  html5
Awesome Meta And Manifest
⚡ Awesome collection of meta tags & manifest properties.
Stars: ✭ 499 (-20.41%)
Mutual labels:  html5
Puzzlescript
Open Source HTML5 Puzzle Game Engine
Stars: ✭ 620 (-1.12%)
Mutual labels:  html5
Bootstrap Fileinput
An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.
Stars: ✭ 5,097 (+712.92%)
Mutual labels:  html5
Rx Player
DASH/Smooth HTML5 Video Player
Stars: ✭ 600 (-4.31%)
Mutual labels:  html5
Flexible Jekyll
Flexible-Jekyll is a simple and clean theme for Jekyll
Stars: ✭ 531 (-15.31%)
Mutual labels:  html5
Naomi
Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4. Basic: Git config files.
Stars: ✭ 544 (-13.24%)
Mutual labels:  html5
Front End Daily Challenges
As of October 2020, 170+ works have been accomplished, challenge yourself each day!
Stars: ✭ 598 (-4.63%)
Mutual labels:  html5
Jekyll picture tag
Easy responsive images for Jekyll.
Stars: ✭ 515 (-17.86%)
Mutual labels:  html5
J2html
Java to HTML generator. Enjoy typesafe HTML generation.
Stars: ✭ 604 (-3.67%)
Mutual labels:  html5
Fe Interview Questions
目前最全的前端开发面试题及答案
Stars: ✭ 502 (-19.94%)
Mutual labels:  html5
Learning Resources
"Technology Gold mine" to collect and share materials/resources
Stars: ✭ 573 (-8.61%)
Mutual labels:  html5
Liteapp
LiteApp is a high performance mobile cross-platform implementation, The realization of cross-platform functionality is base on webview and provides different ideas and solutions for improve webview performance.
Stars: ✭ 626 (-0.16%)
Mutual labels:  html5
Driveway
pure CSS masonry layouts
Stars: ✭ 607 (-3.19%)
Mutual labels:  html5
Geolocator
A utility for getting geo-location information via HTML5 and IP look-ups, geocoding, address look-ups, distance and durations, timezone information and more...
Stars: ✭ 598 (-4.63%)
Mutual labels:  html5

斗鱼HTML5播放器

基于 flv.js 的斗鱼HTML5播放器.

使用了 flv.js 内核提供的直播流播放, 用 JavaScript 实现了斗鱼的弹幕协议, 并支持发送弹幕和送礼物.

screenshot

使用

不要使用 Chrome 直接加载本文件夹, 本扩展程序需要构建后才能使用.

Chrome 应用商店

Firefox 附加组件

Greasy Fork (Firefox)

要求 Chrome 版本大于等于 49 (仅在54+版本测试过)

打开斗鱼的直播间, 如果没有错误, 播放器就已经被自动替换.

注: 如开启了 chrome://flags/#extension-active-script-permission, 请注意允许扩展程序在所有网址上运行, 否则会没有权限运行.

原理

视频播放基于 flv.js, 弹幕发射使用 CSS3, 弹幕使用 WebSocket 连接, 在 JavaScript 中实现斗鱼的弹幕协议.

由于斗鱼使用了 HTTPS, 受到 Mixed Content 限制, 只能在 Background 页面 fetch 视频内容再传到 Content Script 给 flv.js 进行播放.

具体原理请见我的 blog

构建

  1. npm install

  2. npm run build

  3. npm run pack 在 versions 文件夹查看 zip 文件

重要更新

0.8.4 开始使用 WebSocket 连接弹幕服务器, 完全摆脱 Flash 的依赖.

0.7.0 开始已经使用 flash-emu 进行签名

捐赠

欢迎投食(逃

支付宝

alipay

微信

wechat

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].