Remove outdated docs & jsDelivr images

This commit is contained in:
the1812 2022-01-17 23:49:07 +08:00
parent 42d9826030
commit bb6cad1cbe
7 changed files with 5 additions and 964 deletions

View File

@ -1,4 +1,4 @@
<div align="center"><img id="Bilibili-Evolved" width="500" alt="Bilibili Evolved" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/bilibili-evolved-wide-color.svg"></div>
<div align="center"><img id="Bilibili-Evolved" width="500" alt="Bilibili Evolved" src="./images/bilibili-evolved-wide-color.svg"></div>
<br>
<div align="center">
@ -150,12 +150,12 @@
> 之前的支付宝付款码有点问题, 现已弃用 (不必担心, 转账均已收到), 在爱发电中仍然可以选择支付宝作为付款方式.
<a href="https://afdian.net/@the1812" target="_blank">
<img alt="爱发电" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/afdian.jpg" width="400">
<img alt="爱发电" src="./images/compressed/afdian.jpg" width="400">
</a>
微信
<img alt="微信" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/wechat.jpg" width="400">
<img alt="微信" src="./images/compressed/wechat.jpg" width="400">
----

View File

@ -1,17 +0,0 @@
# 关于浏览器插件
本项目是一个脚本, 需要添加到脚本管理器中运行. (通常为`Tampermonkey`或`Violentmonkey`)
而脚本管理器才是真正意义上的浏览器插件, 它们可以从浏览器的插件市场里直接安装.
和制作真正的插件相比, 我写成脚本有如下的原因:
- `Tampermonkey`支持 Chrome, Firefox, Safari. 脚本一经发布就直接支持多个浏览器.
- 不需要在各家浏览器插件市场拥有开发者账号, 尤其是 Google, 因为我没有稳定的 VPN.
- 我没有 Mac, 无法为 Safari 制作插件.
当然这样也会带来一些坏处:
- 脚本调试远没有插件方便.
- 脚本只能合并成一个代码文件来发布.
- 用户只能从 GitHub 或 GreasyFork 上安装这个脚本.
- 脚本的权限比插件少很多, 比如不能访问本地文件.
可见脚本有利有弊, 我目前没有推出插件版的 Bilibili Evolved 的计划, 不过说不定以后会考虑一下的哦~

View File

@ -7,12 +7,12 @@
> 之前的支付宝付款码有点问题, 现已弃用 (不必担心, 转账均已收到), 在爱发电中仍然可以选择支付宝作为付款方式.
<a href="https://afdian.net/@the1812" target="_blank">
<img alt="爱发电" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/afdian.jpg" width="400">
<img alt="爱发电" src="./images/compressed/afdian.jpg" width="400">
</a>
## 微信
<img alt="微信" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/wechat.jpg" width="400">
<img alt="微信" src="./images/compressed/wechat.jpg" width="400">
# 历史

View File

@ -1,44 +0,0 @@
# 下载视频按钮扩展
你可以编写自己的脚本来处理 Bilibili Evolved 产生的视频链接, 提供一个或多个额外的按钮到下载视频面板的`导出`一栏中.
一个基本的模板如下:
```js
// ==UserScript==
// @name 示例
// @version 1.0.0
// @author Grant Howard
// @match https://www.bilibili.com/video/*
// @match https://www.bilibili.com/bangumi/*
// @match https://www.bilibili.com/medialist/*
// @grant unsafeWindow
// ==/UserScript==
;(async () => {
// 固定模板: 因为不敢保证各个脚本的加载顺序如何, 所以操作前如果对象不存在就创建一下.
if (!unsafeWindow.bilibiliEvolved) {
unsafeWindow.bilibiliEvolved = {}
}
if (!unsafeWindow.bilibiliEvolved.downloadVideoExtensionButtons) {
unsafeWindow.bilibiliEvolved.downloadVideoExtensionButtons = []
}
// 这里添加你的按钮
unsafeWindow.bilibiliEvolved.downloadVideoExtensionButtons.push({
// 按钮唯一名称 (key)
name: 'consoleLog',
// 按钮显示的名称
displayName: '示例',
// [暂未实现, 先都写 false 就行] 是否能处理批量的链接
batch: false,
// 点击按钮执行此函数
action: video => {
// 参数 video 的类型是 download-video.ts 中的 VideoDownloader 类的实例.
// 此示例中简单地把链接打印到 console 中, fragments 是视频的分段, 老的 flv 视频或者 dash 格式都会产生分段
const urls = video.fragments.map(it => it.url).join('\n')
console.log(urls)
}
})
})()
```
效果如图所示:
![image](https://user-images.githubusercontent.com/26504152/116360436-7fbf3280-a832-11eb-8ae8-11c7cebaceee.png)

View File

@ -1,786 +0,0 @@
# 功能列表
以下是功能列表, 可以点击某一项功能展开详细说明.
> 我有时候会忘了更新这里, 可以在脚本设置里鼠标停在上面查看简短说明.
<h2 align="center">视频</h2>
<div align="center">各种视频相关功能</div>
<details>
<summary><strong>下载视频</strong></summary>
在视频播放页面中, `下载视频`按钮将在`附加功能`中启用, 点击可以选择清晰度并下载.
### 注意事项
- 请尊重视频原作者的版权, 因下载产生的纠纷本人概不负责.
- 4K清晰度只能导出下载, 不能直接下载.
- `DASH`格式下载将得到视频和音频两个文件, 合并请参考[#183](https://github.com/the1812/Bilibili-Evolved/issues/183).
- `FLV`格式视频如果有分段, 会把所有视频打包成`.zip`格式.
- 能够下载的清晰度取决于当前登录的账号, 例如`高清 1080P60`需要已登录大会员账号.
- 如果以您的账号权限无法观看某些视频(地区限制, 大会员专享等), 就算使用了类似[解除B站区域限制](https://greasyfork.org/zh-CN/scripts/25718-%E8%A7%A3%E9%99%A4b%E7%AB%99%E5%8C%BA%E5%9F%9F%E9%99%90%E5%88%B6)的脚本也是无法下载的, 除非您有对应节点的梯子.
- 直接下载过程中所有数据都存在内存里, 内存占用很大的话会导致系统卡顿. 可以考虑使用`显示链接`转给IDM或浏览器下载, 或使用[导出 aria2](aria2-notice.md)来进行下载.
- 短时间内大量下载(错误代码为412, 多发于批量导出某某教程/课程的全套视频)会遭到b站的暂时封禁, 需要等待一段时间后才能恢复, 这期间脚本的下载视频功能也会停用.
<div>
<img height="500" alt="single" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/download-video-single.jpg">
<img height="500" alt="batch" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/download-video-batch.jpg">
</div>
</details>
<details>
<summary><strong>下载弹幕</strong></summary>
在视频播放页面中, `下载弹幕`按钮将在`附加功能`中启用, 点击可以下载XML或ASS格式的弹幕.
> ASS格式不支持高级弹幕, 反向弹幕, 字幕弹幕
</details>
<details>
<summary><strong>下载字幕</strong></summary>
在视频播放页面中, `下载字幕`按钮将在`附加功能`中启用, 点击可以下载JSON或ASS格式的CC字幕.
</details>
<details>
<summary><strong>查看封面</strong></summary>
在视频播放页面/直播间中, `查看封面`按钮将在`附加功能`中启用, 点击可以查看或保存封面. (其实还可以看专栏的封面, 不过专栏的封面本来就显示在标题上方了)
<img height="400" alt="查看封面/下载视频/下载弹幕" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/download-video-view-cover.jpg">
</details>
<!-- <details>
<summary><strong>指定播放器布局</strong></summary>
设置默认的播放器布局, 可分别设置视频区和番剧区. 尽量在相应的页面里设置(比如在番剧播放页面设置番剧播放器布局), 否则可能没有效果.
> **⚠ 旧版布局中, 很多脚本功能将不适用.**
- 旧版: 传统布局
- 新版: 视频区默认的新版布局
</details> -->
<details>
<summary><strong>默认播放器模式</strong></summary>
设置默认的播放器模式, 可以为`常规`, `宽屏`, `网页全屏`或`全屏`. 可以选择在进入页面的首次播放时应用, 或者一进入页面就应用. 还可以设置是否自动关灯.
> ⚠ 自动全屏的效果并不稳定, 可以尝试改用播放时全屏并关闭自动播放.
</details>
<details>
<summary><strong>默认视频画质</strong></summary>
进入视频时自动选择指定的画质, 若视频最高画质低于所选画质, 则使用视频的最高画质.
> 此功能将于2020.10.02下架, 届时请使用官方的视频画质记忆
> 官方于2018.12.27已正式支持记忆画质
</details>
<details>
<summary><strong>记忆上次播放速度</strong></summary>
进入视频时自动选择最后记忆的视频倍速.
- 默认情况下,`defaultVideoSpeed` 设置项记录了用户通过原生倍数菜单(或快捷键扩展)最后选择的视频倍数.
- 支持细化到视频级别,可以通过以下代码来开启:
```javascript
bilibiliEvolved.settings.rememberVideoSpeed = true
```
在这种情况下,`defaultVideoSpeed` 设置项提供的值将用于缺省情况下视频的倍数值,而用户再通过原生倍数菜单(或快捷键扩展)切换到其它倍数时,不会改变 `defaultVideoSpeed` 的值.
针对当前视频倍数的记忆值将存放在 `rememberVideoSpeedList` 设置项中:
```javascript
bilibiliEvolved.settings.rememberVideoSpeedList = {
// ...
"1": ["123456"],
"1.5": [],
"2":[],
// ... 依次类推,在启用了`扩展视频倍数菜单`功能的情况下,还支持 "2.5" "3" 以及更多的自定义扩展倍速
}
```
可以通过 <kbd>Shift</kbd> + <kbd>:</kbd> 快捷键清除当前视频的倍数记忆状态.
</details>
<details>
<summary><strong>扩展视频倍数菜单</strong></summary>
可以用于突破原生播放器的倍数限制.
开启此功能之后,可以通过原生倍速菜单修改可用的扩展倍速,默认情况下扩展增加了 `2.5x``3.0x` 的倍数项:
<img alt="可自定义扩展倍速的倍数菜单" src="https://user-images.githubusercontent.com/34429322/104888984-79562a80-59a8-11eb-87bd-e6cfd9dc7ffe.gif" height="500"></img>
如果通过上下方向键来步进倍数值,最低值会被限制在当前最高倍数+0.5,最高值会被限制在 16期间的步进值是 0.5,如果手动输入则没有这样的限制,但输入的倍数值仍然必须在 0.0625 到 16 之间.
</details>
<!-- <details>
<summary><strong>默认弹幕设置</strong></summary>
设置默认是否开启弹幕, 以及是否记住防挡字幕和智能防挡弹幕.
</details> -->
<details>
<summary><strong>自动展开弹幕列表</strong></summary>
新版播放页面中, 弹幕列表默认收起以显示推荐的其他视频. 启用此功能可在每次加载视频时自动展开弹幕列表.
开启`合集类页面不展开`后, 合集类页面(收藏夹/稍后再看等)中不会展开弹幕列表, 方便浏览视频列表.
</details>
<details>
<summary><strong>自动展开视频简介</strong></summary>
长的视频简介默认会被折叠, 启用此功能可以强制展开完整的视频简介.
</details>
<details>
<summary><strong>跳过充电鸣谢</strong></summary>
自动跳过视频结尾处的充电鸣谢.
</details>
<details>
<summary><strong>启用逐帧调整</strong></summary>
在播放器的时间右边增加两个按钮, 用于**较**精细调整视频时间.
注: `视频的实际播放帧率`跟`视频本身的帧率`和`显示器的刷新率`有关, 很难计算一个精准的数值, 部分视频仍然会有暂停不到那种一闪而过的图的情况.
逐帧调整的精确度固定为:
- `1080P60`/`720P60`: 1001 / 60000 秒 (59.94006 fps)
- `其他清晰度`: 1001 / 30000 秒 (29.97003 fps)
<img height="100" alt="时间右边的按钮" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/control-enhance-buttons.jpg">
</details>
<details>
<summary><strong>启用视频截图</strong></summary>
在播放器的时间右边增加截图按钮, 点击可以截取视频画面, 不会包含暂停标志和弹幕. 截取的图片将在网页右侧显示(非全屏或网页全屏模式), 可以单独保存或丢弃, 也可以截取一定数量后一次性保存.
如果弹幕渲染类型选择了Canvas, 则可以再按住`Shift`键来截取带弹幕的截图.
<img height="100" alt="时间右边的按钮" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/control-enhance-buttons.jpg">
</details>
<details>
<summary><strong>自动定位到播放器</strong></summary>
进入视频/番剧页面时, 自动定位到播放器.
</details>
<details>
<summary><strong>外置稍后再看</strong></summary>
将视频页面菜单里的`稍后再看`移到外面.
<img height="100" alt="外置稍后再看" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/watchlater.jpg">
</details>
<details>
<summary><strong>启用快速收藏</strong></summary>
启用快速收藏, 在视频页面可以一键收藏到设定的某个收藏夹.
</details>
<details>
<summary><strong>快捷键扩展</strong></summary>
为视频播放器启用更多的快捷键:
- `w` 网页全屏
- `t` 宽屏
- `r` 循环播放
- `m` 静音
- `d` 弹幕开关
- `l` 点赞
- `c` 投币
- `s` 收藏
- `j` 前进85秒
- `p` 切换画中画
- `` ` `` 打开播放器菜单
- `Shift + j` 倒退85秒
- `Shift + w` 稍后再看
- `Shift + s` 快速收藏 (需开启快速收藏功能)
- `Shift + ↑/↓` / `Shift + ,/.` 播放速度调整
- `Shift + /` 重置播放速度,再按一次回到之前的速度
- `Shift + ;` 清除对当前视频的倍数记忆
- `0` 返回开头播放
- `Shift+←/→` 逐帧调整进度 (需开启逐帧调整功能)
- `Ctrl+Alt+C` 视频快速截图 (需开启视频快速截图功能)
如果弹幕渲染类型选择了Canvas, 则可以按 `Ctrl+Shift+Alt+C` 来截取带弹幕的截图.
开启后还可以选择不同的预设, 每套预设都内置了一套键位. 如果觉得默认的键位不合适,或者发现与其他插件/脚本的快捷键相冲突,可以参考[修改默认键位](https://github.com/the1812/Bilibili-Evolved/blob/preview/src/video/keymap/key-bindings.md的方法自行修改.
附: b站原生快捷键列表:
- `f` 全屏/退出全屏
- `space` 播放/暂停
- `→` 前进5s
- `←` 倒退5s
- `↑` 音量增加10%
- `↓` 音量降低10%
- `媒体键 play/pause` 播放/暂停
- `esc` 退出全屏
- `[` 多P 上一个
- `]` 多P 下一个
- `enter` 发弹幕
> ⚠ 此功能与原生快捷键有一点差异: 在网页任何地方点下快捷键都会生效, 除非正在打字. (原生快捷键需要聚焦到播放器才能用, 除了`f`和`space`快捷键会被额外再扩展到全网页范围)
</details>
<details>
<summary><strong>双击全屏</strong></summary>
允许双击播放器切换全屏, 请注意不能与`播放器触摸支持-启用双击控制`一同使用.
</details>
<details>
<summary><strong>播放前显示封面</strong></summary>
在视频开始播放前, 在播放器中显示封面.
</details>
<details>
<summary><strong>SEO页面重定向</strong></summary>
当进入SEO页面时, 自动跳转回原视频页面.
> SEO页面通常是专为搜索引擎优化的页面, 目前通常是谷歌的搜索结果里进b站会遇到.
</details>
<details>
<summary><strong>删除关注弹窗</strong></summary>
删除视频内弹出的三连提示框.
</details>
<details>
<summary><strong>删除关联视频弹窗</strong></summary>
删除视频内弹出的关联视频推荐.
</details>
<details>
<summary><strong>删除投票弹窗</strong></summary>
删除视频内弹出的投票框.
</details>
<details>
<summary><strong>传统连播模式</strong></summary>
使用传统的连播模式, 视频有多P时 / 在收藏夹或稍后再看列表里时自动开启连播, 单P视频自动关闭连播防止播放推荐视频.
</details>
<details>
<summary><strong>当播放器退出页面时</strong></summary>
当播放器被移出页面时触发动作, 可以选择触发的位置, 支持的动作有:
- 自动暂停: 自动暂停播放, 且当播放器回来时恢复播放.
- 自动开灯: 在没有开启自动暂停, 且开启了播放时自动关灯, 那么播放器移出页面时将自动开灯, 播放器回来时自动关灯.
> 注: 在自动暂停开启时, 该功能会被忽略
</details>
<h2 align="center">样式</h2>
<div align="center">掌控哔哩哔哩的外观</div>
<details>
<summary><strong>主题颜色</strong></summary>
设定顶栏和夜间模式使用的主题色, 可以点击颜色预览的圆圈打开色板, 其中含有预定义的16种主题色, 也可以在右侧的文本框直接输入任何有效的16进制颜色值(`#rrggbb`或`#rgb`).
<img height="200" alt="颜色设置" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/theme-color.jpg">
</details>
<details>
<summary><strong>自定义顶栏</strong></summary>
启用自定义顶栏, 替代原版的顶栏, 仅对主站生效, 直播/相簿/会员购等仍使用原来的顶栏.
可用的选项包括:
- 使用季节Logo
- 使用主题色填充顶栏
- 在顶部横幅存在时, 使用透明填充
- 为顶栏添加一层阴影效果
- 为顶栏使用更紧凑的布局, 紧凑布局将使用更小的间距, 以及在视频标题过长时用...省略后面的部分
- 在顶部横幅存在时, 使用背景模糊效果
- 设定背景模糊效果的不透明度
- 改变顶栏边缘两侧的间距
- 改变顶栏里栏目的顺序和显示状态
前7个是整体的外观设置, 可以在设置里直接开关, 后面2个是对顶栏里面内容的详细布局设定, 可以在`附加功能`里设置.
下图展示了顶栏在不同设置下的整体外观: (从上到下依次为: 不使用主题色填充, 不填充+夜间模式, 填充主题色, 使用不同的主题色)
![效果图](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/custom-navbar-effects.jpg)
顶栏内容的布局也可以自定义, 可以通过此功能移除顶栏里不需要的组件, 或排列它们的顺序:
![顶栏顺序自定义](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/custom-navbar-orders.jpg)
</details>
<details>
<summary><strong>夜间模式</strong></summary>
夜间模式更适合光线暗的环境, 并会大量应用主题颜色.
目前仅支持部分常用页面, 其他页面会陆续添加, 不支持推广板块(会被`删除广告`功能去除的部分).
<img width="500" alt="日间" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/light-style.jpg">
<img width="500" alt="夜间" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/dark-style.jpg">
</details>
<details>
<summary><strong>夜间模式计划时段</strong></summary>
设置一个使用夜间模式的时间段, 进入/离开此时间段时, 会自动开启/关闭夜间模式.
> 结束时间小于起始时间时将视为次日, 如`18:00`至`6:00`表示晚上18:00到次日6:00.
</details>
<details>
<summary><strong>夜间模式跟随系统</strong></summary>
使夜间模式同步系统设置的亮/暗主题.
- Windows: 设置 - 个性化 - 颜色 - 选择颜色
- macOS: 系统偏好设置 - 通用 - 外观
> 有的浏览器如 Edge 允许再另外设置一套亮暗主题, 这时脚本会跟随浏览器的设置.
</details>
<details>
<summary><strong>简化评论区</strong></summary>
- 删除热评头像下方的关注按钮
- 删除用户的等级标识
- 删除发送源信息(`来自安卓客户端`这种)
- 删除用户名右边的勋章
- 删除评论区顶部的横幅
- 发送时间移动到右上角
- 位图图标全部换用矢量图标, 高分屏不会模糊
- 投票仅显示链接, 隐藏下面的大框.
> 关注和等级可以通过鼠标停留在头像上, 在弹出的资料卡小窗中查看
![简化评论区](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/comments.jpg)
</details>
<details>
<summary><strong>首页过滤</strong></summary>
隐藏原版首页不需要的元素/分区. 你可以在附加功能中详细配置隐藏哪些元素.
</details>
<details>
<summary><strong>简化首页</strong></summary>
> 此功能需要做一些额外设置, 详见[简化首页注意事项](src/style/simplify-home/simplify-home.md)
替换原本的首页, 有两种样式可用:
- `清爽`: 布局与原主页类似, 多一个`动态`栏目.
- `极简`: 去除其他所有栏目, 只保留`视频动态`和`热门视频`两个功能.
</details>
<details>
<summary><strong>隐藏顶部横幅</strong></summary>
隐藏主站顶部的横幅, 注意这会导致搜索框也被隐藏, 除非开启了自定义顶栏.
</details>
<details>
<summary><strong>播放器投影</strong></summary>
为播放器添加主题色投影.
</details>
<details>
<summary><strong>强制保留弹幕发送栏</strong></summary>
在网页全屏时, 即使宽度过小也强制保留弹幕发送栏, 注意这可能导致右侧的功能按钮挤出边界.
</details>
<!-- <details>
<summary><strong>模糊视频控制栏背景</strong></summary>
模糊视频控制栏背景, 原有的阴影效果将无效.
此功能需要浏览器支持背景模糊效果, 详情见[背景模糊兼容性](backdrop-filter.md)一节.
**启用前**
![不模糊背景](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/original-control.jpg)
**启用后**
![模糊背景](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/blur-video-control.jpg)
</details> -->
<details>
<summary><strong>控制栏着色</strong></summary>
给视频控制栏附上半透明的黑色, 代替原来的阴影, 黑色的不透明度可在设置中调整.
**启用前**
![原版](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/original-control.jpg)
**启用后**
![着色](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/custom-control-background.jpg)
</details>
<details>
<summary><strong>删除视频标题层</strong></summary>
删除视频里鼠标经过时出现在右上角的标题层.
<img height="400" alt="覆盖层" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/remove-top-mask.jpg">
</details>
<details>
<summary><strong>隐藏番剧点评</strong></summary>
隐藏番剧播放页面的点评板块, 不会隐藏番剧介绍页那里的点评.
</details>
<details>
<summary><strong>隐藏推荐视频</strong></summary>
隐藏番剧和视频页面右侧的推荐视频列表.
注意: 如果你想关闭 b 站的自动连播(自动播放下一个推荐视频)功能, 需要先取消隐藏推荐视频才能看到开关.
</details>
<details>
<summary><strong>隐藏推荐直播</strong></summary>
隐藏视频页面右侧下方的推荐直播.
</details>
<details>
<summary><strong>隐藏番剧承包</strong></summary>
隐藏番剧页面下方的承包榜, 以及右边的承包按钮.
</details>
<details>
<summary><strong>禁用高赞弹幕样式</strong></summary>
禁用高赞弹幕的样式, 使弹幕观感更统一.
</details>
<details>
<summary><strong>禁用UP主弹幕样式</strong></summary>
禁用UP主弹幕的样式, 使弹幕观感更统一.
</details>
<h2 align="center">动态</h2>
<div align="center">改善动态体验</div>
<details>
<summary><strong>解除动态存图限制</strong></summary>
右键点击动态大图时, 如果这张图的右键菜单被禁止了, 将弹出带图片的消息方便保存.
</details>
<details>
<summary><strong>快速收起动态评论区</strong></summary>
动态里查看评论区时, 在底部添加一个`收起评论`按钮, 这样就不用再回到上面收起了.
</details>
<details>
<summary><strong>展开动态标题</strong></summary>
在顶栏的动态预览框中, 不管名称多长, 总是完全展开视频的标题.
<img height="300" alt="展开动态标题" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/full-tweets-title.jpg">
</details>
<details>
<summary><strong>展开动态内容</strong></summary>
不管内容多长, 总是完全展开动态的内容.
</details>
<details>
<summary><strong>动态过滤器</strong></summary>
按照类型或者关键词过滤动态首页的内容, 也可以移除动态页的一些侧边卡片. 注意目前仅仅在全部动态里生效, 切换到别的类别时无效.
</details>
<details>
<summary><strong>动态翻译</strong></summary>
在动态首页和动态详情页中, 每条动态下方添加翻译按钮, 可将动态的文字机器翻译为中文. 若开启了界面翻译, 则会翻译成界面翻译里设定的语言.
可以使用的翻译器如下:
- Bing: 必应翻译
- Google: 谷歌翻译
- GoogleCN: 谷歌中国翻译(google.cn)
也可以再开启`评论翻译`, 将这一功能带入到评论区中.
</details>
<details>
<summary><strong>强制固定顶栏和侧栏</strong></summary>
动态更新后, 侧栏以一种非常怪异的方法固定在两侧, 快速下拉时会有抖动, 而且无法适应动态过滤器折叠产生的高度变化.
因此, 开启动态过滤器后, 会禁用侧栏固定.
而强制固定顶栏和侧栏可以完美固定侧栏, 避免产生抖动.
</details>
<details>
<summary><strong>直播信息扩充</strong></summary>
在动态的正在直播中, 为每一个直播间加上标题, 并且能够显示多达24个直播间.
</details>
<details>
<summary><strong>禁止跳转动态详情</strong></summary>
禁止动态点击后跳转详情页, 方便选择其中的文字.
</details>
<details>
<summary><strong>动态链接复制</strong></summary>
在动态的菜单里添加复制链接选项.
</details>
<details>
<summary><strong>动态反折叠</strong></summary>
自动展开被折叠的动态.
</details>
<details>
<summary><strong>动态图片导出</strong></summary>
在动态的右上角菜单中可选择导出图片来下载当前动态里的所有图片.
</details>
<h2 align="center">直播</h2>
<div align="center">各种直播相关功能</div>
<details>
<summary><strong>简化直播间</strong></summary>
隐藏直播间中各种不需要的内容.
每一项都可以在`附加功能`中单独选择是否隐藏.
</details>
<details>
<summary><strong>缩放直播看板娘</strong></summary>
根据屏幕DPI缩放直播看板娘的大小以提高像素的清晰度, DPI缩放为100%的用户不需要此功能.
</details>
<details>
<summary><strong>收起直播间侧栏</strong></summary>
自动收起直播间的侧边栏.
</details>
<details>
<summary><strong>删除直播水印</strong></summary>
删除观看直播时角落的水印.
</details>
<details>
<summary><strong>直播首页静音</strong></summary>
禁止直播首页的推荐直播间自动开始播放.
还可以打开`隐藏推荐直播`来隐藏掉推荐直播间.
![直播首页自动播放](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/hide-home-live.jpg)
</details>
<details>
<summary><strong>直播间自动领奖</strong></summary>
在当前直播间有抽奖活动时, 自动点击抽奖按钮. 注意只适用于少量抽奖, 那种99+限量抽奖可能跟不上其他人的手速.
</details>
<details>
<summary><strong>自动选择当前直播间勋章</strong></summary>
如果拥有当前直播间的勋章, 则自动佩戴, 否则佩戴上次手动选择的勋章.
</details>
<!-- <details>
<summary><strong>直播弹幕记录器</strong></summary>
开启后, 在直播间里可以从附加功能中启动弹幕记录器, 会记录启动后所有收到的弹幕, 并可以导出为XML弹幕文件.
> 弹幕的发送时间是相对于直播开始时间确定的.
</details> -->
<details>
<summary><strong>直播全屏弹幕栏</strong></summary>
在直播的网页全屏和全屏模式状态下, 在底部显示弹幕栏.
</details>
<details>
<summary><strong>直播全屏包裹</strong></summary>
在网页全屏状态下, 可以直接点开礼物包裹, 方便送辣条和小心心.
</details>
<h2 align="center">工具</h2>
<div align="center">各式各样的小玩意</div>
<details>
<summary><strong>删除广告</strong></summary>
删除站内的各种广告. 包括首页的推广模块, 手机app推荐, 视频页面右侧的广告等.
![删除广告](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/remove-ads.jpg)
</details>
<details>
<summary><strong>稍后再看重定向</strong></summary>
将稍后再看的链接重定向为普通播放网址, 以使用新版播放页面. 可以分别选择是否重定向顶栏和稍后再看页面.
</details>
<details>
<summary><strong>隐藏搜索推荐</strong></summary>
将搜索框的推荐词替换为`搜索`.
</details>
<details>
<summary><strong>展开选集列表</strong></summary>
在视频选集列表中, (选集多时)展开整个列表, 当标题超出一行时, 另起一行以显示完整标题.
> 因为番剧选集用的绝对布局, 所以此功能在番剧区无效.
<img height="600" alt="展开选集标题" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/full-page-title.jpg">
</details>
<details>
<summary><strong>直播间勋章快速切换</strong></summary>
在直播区(live.bilibili.com)中, 可从`附加功能`中直接切换勋章和头衔.
</details>
<details>
<summary><strong>BiliPlus跳转支持</strong></summary>
在视频/番剧/空间中, 附加功能`转到BiliPlus`, 点击可以转到[BiliPlus](https://biliplus.com)上对应的页面.
</details>
<details>
<summary><strong>下载音频</strong></summary>
在音频区中, 附加功能会出现`下载音频`按钮, 当你进入某一音乐的详细信息页面时, 点击按钮可以下载该页面对应的音乐. 在其他页面中此按钮将不可点击.
> 正在播放的音乐点击封面即可转到详细信息页面.
</details>
<details>
<summary><strong>高分辨率图片</strong></summary>
根据屏幕DPI请求更高分辨率的图片, 例如DPI缩放200%则请求2倍的分辨率, 加载时间也会相应变长一些.
适用于2K, 4K等的显示屏, DPI缩放为100%的用户不需要此功能.
<img height="600" alt="高分辨率图片" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/image-resolution.jpg">
</details>
<details>
<summary><strong>界面翻译(暂停更新)</strong></summary>
为界面中一些常用文本提供翻译, 完成度不高, 目前仅开放日语和英语.
> 如果希望贡献翻译, 请参阅[翻译指南](https://github.com/the1812/Bilibili-Evolved/blob/preview/src/utils/i18n/i18n.md). 在文件中添加翻译文本后即可发送 Pull Request (到 preview 分支), 不需要编译. ~~因为本项目的开发环境弄得很烂, 请不要把时间和精力浪费在搭建开发环境上.~~
</details>
<details>
<summary><strong>签到助手</strong></summary>
在附加功能中添加一些每日签到类的按钮, 例如银瓜子换硬币, 直播间签到.
</details>
<details>
<summary><strong>专栏文字选择</strong></summary>
使专栏的文字可以选择.
</details>
<details>
<summary><strong>网址参数清理</strong></summary>
自动删除链接中的多余跟踪参数, 例如`spm_id_from`, `from_source`, `share_source`等.
</details>
<details>
<summary><strong>评论链接复制</strong></summary>
在评论的菜单里添加复制链接选项.
</details>
<details>
<summary><strong>专栏图片导出</strong></summary>
在专栏页面中可在附加功能中导出所有图片.
</details>
<h2 align="center">触摸</h2>
<div align="center">为支持触屏的设备特别设计的功能</div>
<details>
<summary><strong>顶栏触摸优化</strong></summary>
删除顶栏右侧的一级链接(从`大会员`到`历史`), 以方便触屏设备快速预览信息. 被删除的链接可从各预览中的`查看更多`进入.
</details>
<details>
<summary><strong>素质三连触摸支持</strong></summary>
为素质三连(长按点赞)启用触摸支持.
</details>
<details>
<summary><strong>播放器触摸支持</strong></summary>
- 增大控制栏的按钮间距, 使触摸操作更准确.
![放大前](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/player-buttons-original.jpg)
![放大后](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/player-buttons-large.jpg)
- 启用触摸手势
- 左右滑动可调整进度, 上下位置不同灵敏度不同
- 进度调整可在左上角和右上角取消
- 左侧上下滑动可调整亮度
- 右侧上下滑动可调整音量
<img width="600" alt="进度调整" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/touch-gestures.jpg">
<img width="600" alt="亮度和音量调整" src="https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/images/compressed/touch-gestures-vertical.jpg">
</details>
<details>
<summary><strong>启用双击控制</strong></summary>
将操作方式更改为: 单击显示/隐藏控制栏, 双击播放/暂停.
</details>
<details>
<summary><strong>迷你播放器触摸拖动</strong></summary>
使迷你播放器的拖动条可以触摸拖动.
</details>

View File

@ -1,55 +0,0 @@
# Install tutorial
This tutorial will help you install Bilibili-Evolved in your browser.
## 1. Before install
Please check your browser, Bilibili-Evolved must run with the **latest** Chrome / Firefox / Safari.
> You can also use the new [Chromium-based Edge](https://www.microsoftedgeinsider.com/en-us/), while UWP Edge (Windows 10 built-in) is **not** supported.
In this tutorial, I'll use Chrome as an example:
<img height="300" alt="Chrome" src="../images/compressed/chrome.en-US.jpg">
## 2. Get a user script manager
> If you already have one, skip this step.
Bilibili-Evolved is delivered as JavaScript code snippets, a user script manager is required to help you execute the code every time you visit bilibili and keep your personal settings.
Supported managers: [Tampermonkey](https://tampermonkey.net/), [Violentmonkey](https://violentmonkey.github.io/).
Choose the one you like and click the link to visit its homepage, or get it in your browser's extension store.
> You may know another manager called Greasemonkey, unfortunately, it's not supported.
e.g. Install Tampermonkey from Chrome Web Store
<img height="300" alt="Install from Chrome Web Store" src="../images/compressed/tampermonkey.en-US.jpg">
## 3. Install
Having at least one user script manager installed, you can now select a version of Bilibili-Evolved to install. (Click the name to install)
| [Stable](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@master/bilibili-evolved.user.js) | [Preview](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/bilibili-evolved.preview.user.js) | [Offline](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@master/bilibili-evolved.offline.user.js) | [Preview Offline](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/bilibili-evolved.preview-offline.user.js) |
| ----------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| Provides stable features, but not frequently updated. | New features got tested here, updated more frequently. | Inlined all dependencies to avoid GitHub server problems. | As the name says, Preview + Offline. |
> ⚠ Sometimes the breaking changes will cause old version not work at all, please update the script in time.
e.g. Install the Offline version
<img height="350" alt="Install Offline version" src="../images/compressed/install-script.zh-CN.jpg">
## 4. Change the display language (Optional)
> Language should be automatically set to your browser's default language. If not, you can follow this step to change the display language.
Visit bilibili, there should be 2 icons (Add-ons and settings) on the left side of the page. Open settings by clicking the icon.
Assuming the current language is Simplified Chinese (default fallback language), unfold `工具` (tools) category and find `界面翻译` (UI translation).
Enable it and select a target language you want to see, then refresh the page.
e.g. Select English as the target language
<img height="500" alt="Open settings" src="../images/compressed/settings-icon.en-US.jpg">
<img height="500" alt="Change settings" src="../images/compressed/settings.en-US.jpg">
## 5. Enjoy
You are all set! Explore settings and add-ons to discover interesting features, and feel free to suggest a new feature or report a bug on my GitHub repo.

View File

@ -1,57 +0,0 @@
# インストールの説明
この説明では、ブラウザに「Bilibili-Evolved」をインストールするのに役立ちます.
## 1. インストール前の注意
ブラウザを確認してください.「Bilibili-Evolved」は **最新** の「Chrome / Firefox / Safari」で実行する必要があります.
### Edge (UWP) [**サポート停止**]
- 上記のブラウザを使用してください. あるいはこの[Chromium-based Edge](https://microsoftedgeinsider.com/)に切り替えることができます.
下記のチュートリアルでは、例として Chrome を使用します:
<img height="300" alt="Chrome" src="../images/compressed/chrome.en-US.jpg">
## 2. インストール前の準備
> ユーザースクリプトマネージャ(user script manager)が既にある場合は、このステップをスキップします.
「Bilibili-Evolved」は、JavaScript code snippetsとして提供されています.ビリビリを访ねる時、個人設定を保持するたびにコード(code)を実行できるように、ユーザースクリプトマネージャーが必要です.
サポートされているマネージャ: [Tampermonkey](https://tampermonkey.net/) と [Violentmonkey](https://violentmonkey.github.io/).
お好きなマネージャを選択して、リンクをクリックして、そのホームページにアクセスするか、ブラウザの拡張ストアにアクセスしてください.
> Greasemonkeyという別のマネージャを知っているかもしれませんが、残念ながらそれはサポートされていません.
例えば、Chrome Web StoreからTampermonkeyをインストールする.
<img height="300" alt="Install from Chrome Web Store" src="../images/compressed/tampermonkey.en-US.jpg">
## 3. インストール
少なくとも1つのユーザスクリプトマネージャをインストールしたら、「Bilibili-Evolved」のバージョンを選択してインストールできます. (インストールしたいバージョンの名をクリックしてください)
| [公式版](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@master/bilibili-evolved.user.js) | [プレビュー版](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/bilibili-evolved.preview.user.js) | [オフライン版](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@master/bilibili-evolved.offline.user.js) | [プレビュー・オフライン版](https://cdn.jsdelivr.net/gh/the1812/Bilibili-Evolved@preview/bilibili-evolved.preview-offline.user.js) |
| ----------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| 安定した機能を提供しますが、頻繁には更新されません. | 新機能はここでテストされ、より頻繁に更新されます. | GitHubサーバーの問題を回避するためにすべての依存関係をインライン化しました. | その名の通り、プレビュー+オフライン. |
> ⚠ 時々には、破壊的な大きな更新は、古いスクリプトが完全に使用できなくなります、適時に更新を確認してください.
例えば、オフライン版をインストールする
<img height="350" alt="Install Offline version" src="../images/compressed/install-script.zh-CN.jpg">
## 4. 翻訳言語を変更する (オプション)
> 翻訳言语は自分自身のブラウザのデフォルト言语に自动的に设定します.それがなければ、このステップに従って翻訳言语を変えることができます.
ビリビリを访ねると、ページの左側に2つのアイコン(追加機能と设定)があるはずです.アイコンをクリックすることで「設定」を展開します.
今の言語が簡体字中国語(デフォルトのフォールバック言語)であると仮定し、 `工具`(道具)を展開し、 `界面翻译`(UI 翻訳)を見つけます.
有効にして見たい翻訳言語を選択してからページを更新します.
例えば、翻訳言語として「英語」を選択する
<img height="500" alt="Open settings" src="../images/compressed/settings-icon.en-US.jpg">
<img height="500" alt="Change settings" src="../images/compressed/settings.en-US.jpg">
## 5. 最後
今、準備万端です! 設定や追加機能を探索して興味深い機能を発見できます.
もし、新しい機能とバグを提案したり、私のGitHub repoに報告してください.