/QianFangGaoNeng

A small Chrome extension for visualizing the density of damuku from videos in Bilibili

Primary LanguageJavaScriptCreative Commons Attribution Share Alike 4.0 InternationalCC-BY-SA-4.0

前方高能 2.0 绝赞开发中!仓库暂未公开,点击这里可以看到目前的开发报告


前方高能

该插件已上架 Chrome Web Store ,点击这里访问。

这是个什么玩意儿

这是一个黑科技小插件,用于 Chrome 浏览器(理论上 Webkit 内核的国产浏览器应该也可以用,但我还没测试过),作用就是在 Bilibili 的视频下面显示这么样一个图表:

1

如你所见,这个图表显示了当前视频在不同时间点的弹幕密度,它甚至还配有一个时间轴,可以随着视频的播放和跳转同步更新:

2

甚至你在图表标线上面点击的时候,视频也会跳转到与之对应的时间点(准确地说是比选定的时间点提前一段时间,目前是5秒):

3

// μ's 的小姐姐们我爱你们啊!

这样宝宝们就可以一览众山小,快速空降到视频最精彩的部分,即便在还没有老司机刷“前方高能”的时候,也能提前准备好护目镜,防止被闪瞎了。

现在已经实现的功能

  • 在 Bilibili 的所有视频下方显示弹幕密度图表
  • 在 Bilibili 的所有官方播放器实现时间轴和自动空降功能
  • 仅官方 HTML5 播放器完美支持,对 Flash 播放器仅提供受限功能,且不再维护

计划中的功能

  • 增加对 AcFun 的支持
  • 增加智能侦测空降点的功能

已知的 Bug

(暂未发现)

使用协议 && 版权声明

本项目适用 CC BY-SA 4.0 协议。

Copyright © 2016 ~ 2017, Peter Wang, All Rights Reserved

致谢

  • 感谢 Zepto.jsWeUIecharts 等开源项目的强力驱动
  • 感谢 coplay 项目提供的灵感和对 Bilibili 播放器 API 的解读
  • 感谢光速兔同学(@lightrabbit)对本项目以及本人在前端技术的探索道路上一直以来无私的帮助

更新日志

[V0.1 @ 2016-08-18] 基本功能完成,上线 GitHub

[V0.2 @ 2016-08-18] 完成 Bilibili iframe 播放器的适配

[V1.0 @ 2016-08-18] 增加功能开关,更换图标,上线 Chrome Web Store

[V1.1 @ 2017-02-05] 对 Bilibili 官方 HTML5 播放器的支持

[V1.2 @ 2017-02-07] 对 Bilibili 番剧页面的支持,优化了性能,并除去了一些 Bug

[V1.3 @ 2017-04-08] 对 Bilibili 的新接口做了适配,并优化了视频长度的获取策略