支持最新的画中画API功能,可以播放、发送弹幕,支持字幕,键盘控制进度,更好的画中画播放体验的浏览器插件
在提问前可以先搜索issue是否有类似的问题,或者先看看FAQ
如果你有什么问题或者功能提议,请到issues里提出
- 拖拽或者键盘控制画中画窗口的进度条、音量、播放速率等
- 弹幕播放和发送
- bilibili视频 + 直播
- 斗鱼直播
- 动画疯
- youtube直播 *
- twitch直播 *
- 抖音直播 *
- 支持bilibili和youtube的视频字幕播放
- 支持bilibili、youtube的视频播放侧边栏,可直接在画中画里切换播放列表、推荐视频
- 支持外挂.xml .ass弹幕文件,下载可以使用Bilibili-Evolved或ACG助手,也可以通过输入bilibili url的下载弹幕并播放
- 支持外挂.srt .ass字幕
- 与bilibili一样的长按右键倍速功能
- 将网页视频播放器替换为扩展程序的视频播放器
- 支持大多数 https 网站,甚至支持类似Crunchyroll的EME版权保护视频、Youtube 嵌入视频。
Note
*标记为目前只有监听网页弹幕DOM模式,可能会有意料之外的问题
用一个单独canvas画video + 弹幕,再把canvas的stream附加到一个单独的video上,最后开启画中画功能
使用了documentPictureInPicture该API,关于技术细节在这
Note
该API是非w3c草案功能,从chrome 116开始已经强推到stable上了,非chromium目前还没看到能用的,所以其他内核浏览器不打算支持
如果你是360 qq浏览器这种套壳Chromium的且没有该API,地址栏到chrome://flags/#document-picture-in-picture-api
查看是否支持开启
Warning
如果你使用edge打开有红色tab栏,建议升级到126.0.2592.102
版本以上
非常感谢这些项目的开源,让我抄了不少代码节省了很多时间
- bilibili-evaolved
- douyu-monitor
- bilibili-API-collect
- rc-slider
- js-cookie
- esbuild-plugin-inline-import
- tsup
- tailwindcss-container-queries
- ts-key-enum
如果您很喜欢这个项目, 欢迎打赏, 金额随意. 您的支持是我的动力(=・ω・=)