斗鱼HTML5播放器

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

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

使用

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

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

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

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

原理

视频播放基于 flv.js, 弹幕发射使用 CSS3, 弹幕协议通过自制一个很小的 Flash 与 JavaScript 通信, 在 JavaScript 中实现斗鱼的弹幕协议.

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

具体原理请见我的 blog

构建

npm install

npm run build

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

斗鱼直播切换html5播放器,GitHub - gooyie/DouyuHTML5Player: 替换斗鱼的Flash弹幕播放器...相关推荐

  1. 斗鱼直播flash怎么切换html5,GitHub - spacemeowx2/DouyuHTML5Player: 替换斗鱼的Flash弹幕播放器...

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

  2. python爬斗鱼直播_Python爬虫:利用API实时爬取斗鱼弹幕

    原标题:Python爬虫:利用API实时爬取斗鱼弹幕 这些天一直想做一个斗鱼爬取弹幕,但是一直考试时间不够,而且这个斗鱼的api接口虽然开放了但是我在github上没有找到可以完美实现连接.我看了好多 ...

  3. 玩转【斗鱼直播APP】系列之项目部署

    项目部署目的 任何一个项目最好使用源代码管理工具 源代码管理工具可以帮助我们解决备份.版本回退等等问题 因为是非基础篇,因此具体好处不在累述 常见的源代码管理工具: SVN: 集中式源代码管理工具 G ...

  4. 小码哥-玩转【斗鱼直播APP】系列之项目部署

    项目部署目的 任何一个项目最好使用源代码管理工具 源代码管理工具可以帮助我们解决备份.版本回退等等问题 因为是非基础篇,因此具体好处不在累述 常见的源代码管理工具: SVN: 集中式源代码管理工具 G ...

  5. Ubuntu16.04 Flash Player播放插件安装

    Ubuntu16.04 Flash Player播放插件安装 ## Ubuntu16.04 Flash Player播放插件安装 记录在学习过程中的遇到的困难 ## Ubuntu16.04 Flash ...

  6. 直播弹幕 html5,一种基于HTML5的弹幕播放器及其方法与流程

    本发明涉及互联网技术领域,具体涉及一种基于HTML5的弹幕播放器及其方法. 背景技术: 弹幕是指一种在观看视频时,大量以字幕(有且不限于文字和图片)形式呈现的评论与视频同在一个画面的现象.在视频上方大 ...

  7. android 流播放器开发,GitHub - youcoding98/FastVideo: 基于Android平台的移动流媒体播放器的开发...

    基于Android平台的移动流媒体播放器的开发 主页界面如下 第一部分 课题相关介绍 与普通播放器相比,流媒体播放器最主要的不同点在于其能够实现实时的视频播放,用户可以实现边加载边播放,不需要一次全下 ...

  8. html原生音频播放器倍速,HTML5倍数功能视频播放器(加速2倍,1.5倍播放)

    HTML5倍数功能视频播放器(加速2倍,1.5倍播放) 倍数功能视频播放器的应用: 培训场景,教育教学场景下,可以倍速观看视频,比如1.5倍,2倍的速度观看视频,可以更快速的看完课程,节省时间. va ...

  9. html5直播api,HTML5 VideoAPI,打造自己的Web视频播放器

    本文将使用HTML5提供的VideoAPI做一个自定义的视频播放器,需要用到HTML5提供的video标签.以及HTML5提供的对JavascriptAPI的扩展. 一.基础知识 1.用法 注意:au ...

最新文章

  1. layer弹出信息框API
  2. 必背单词_研究生满大街走?真实数据来啦 真题必背单词Day10
  3. 焦虑的移动互联网开发者如何破局?专题解析
  4. python爬虫爬微信红包_python 微信红包
  5. 涉及子模块_COMSOL Multiphysics 5.6 RF模块更新详解
  6. Apache安装、配置、卸载
  7. 通过git将本地代码上传码云
  8. 统计天数(洛谷-P1567)
  9. CVPR 2021 | 腾讯AI Lab入选论文解读
  10. 正则表达式 python3_python3正则表达式总结
  11. Day02:requests请求库,selenium请求库
  12. 递推DP URAL 1260 Nudnik Photographer
  13. poj 3268 Silver Cow Party dijkstra基础题!!!入门
  14. 用python输出杨辉三角形,python输出杨辉三角
  15. 流水线、超流水线、超标量(superscalar)技术对比(转)
  16. choco安装软件包指定版本
  17. android 11.0 状态栏通知栏的图标为白色解决方案
  18. 【JavaWeb】Servlet系列——HttpServletRequest接口详解
  19. C++ new 动态内存 对象初始化
  20. 戴尔EMC服务器重装系统

热门文章

  1. 工作三年后的胡思乱想
  2. python123外汇兑换计算器_python day03习题
  3. 看完就能找到工作!面试官6个灵魂拷问,灵魂拷问
  4. ubuntu 安装repo
  5. CCF CSP认证成绩代替考研复试机试!
  6. C#调用JS的几种方法
  7. 使用Jsoup爬取网站信息(以天猫为例)
  8. vcard java_Java VCard.save方法代码示例
  9. hppt服务器状态响应码
  10. 防火墙Mangle-连接标记和包标记-从零开始学RouterOS系列09