Reduce image size, update README
48
README.md
@ -41,7 +41,7 @@
|
||||
|
||||
**绝大部分设置保存后, 需要刷新网页才能生效. 仅有一些样式设置可以立即生效.**
|
||||
|
||||

|
||||
<img alt="设置" height="500" src="images/compressed/gui-settings.jpg">
|
||||
|
||||
# 功能
|
||||
大部分功能可通过设置面板开启, 有一些功能会以`附加功能`的形式生效, 或者是可以在`附加功能`做进一步设置. `附加功能`可从网页左侧中央的功能按钮进入.
|
||||
@ -84,7 +84,7 @@
|
||||
|
||||
在视频播放页面/直播间中, `查看封面`按钮将在`附加功能`中启用, 点击可以查看或保存封面. (其实还可以看专栏的封面, 不过专栏的封面本来就显示在标题上方了)
|
||||
|
||||

|
||||
<img height="400" alt="查看封面/下载视频/下载弹幕" src="images/compressed/download-video-view-cover.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -168,7 +168,7 @@
|
||||
- `1080P60`/`720P60`: 1001 / 60000 秒 (59.94006 fps)
|
||||
- `其他清晰度`: 1001 / 30000 秒 (29.97003 fps)
|
||||
|
||||

|
||||
<img height="100" alt="时间右边的按钮" src="images/compressed/control-enhance-buttons.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -178,7 +178,7 @@
|
||||
|
||||
如果弹幕渲染类型选择了Canvas, 则可以再按住`Shift`键来截取带弹幕的截图. 也就是鼠标操作为"按住`Shift`点击截图按钮", 键盘操作为"`Ctrl + Shift + Alt + C`".
|
||||
|
||||

|
||||
<img height="100" alt="时间右边的按钮" src="images/compressed/control-enhance-buttons.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -192,7 +192,7 @@
|
||||
|
||||
将视频页面菜单里的`稍后再看`移到外面.
|
||||
|
||||

|
||||
<img height="100" alt="外置稍后再看" src="images/compressed/watchlater.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -241,7 +241,7 @@
|
||||
|
||||
设定顶栏和夜间模式使用的主题色, 可以点击颜色预览的圆圈打开色板, 其中含有预定义的16种主题色, 也可以在右侧的文本框直接输入任何有效的16进制颜色值(`#rrggbb`或`#rgb`).
|
||||
|
||||

|
||||
<img height="200" alt="颜色设置" src="images/compressed/theme-color.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -275,11 +275,8 @@
|
||||
|
||||
目前仅支持部分常用页面, 其他页面会陆续添加, 不支持推广板块(会被`删除广告`功能去除的部分).
|
||||
|
||||
**启用前**
|
||||

|
||||
|
||||
**启用后**
|
||||

|
||||
<img width="500" alt="日间" src="images/compressed/light-style.jpg">
|
||||
<img width="500" alt="夜间" src="images/compressed/dark-style.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -295,10 +292,12 @@
|
||||
设置首页是否使用紧凑布局, 视频的间距会减小, 番剧的图片和排名序号会变成圆形, 分区栏的图标会使用高清重制版.
|
||||
|
||||
**启用前**
|
||||

|
||||
|
||||
<img width="500" alt="原版布局" src="images/compressed/compact-layout-disabled.jpg">
|
||||
|
||||
**启用后**
|
||||

|
||||
|
||||
<img width="500" alt="紧凑布局" src="images/compressed/compact-layout.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -335,9 +334,9 @@
|
||||
- 隐藏抽奖提示 (开通舰长, 小飞船抽奖等)
|
||||
- 禁用直播间皮肤
|
||||
|
||||
每一项都可以在`附加功能`中单独选择是否隐藏. 图片中展示的是全部隐藏时的效果对比.
|
||||
每一项都可以在`附加功能`中单独选择是否隐藏. 图片中展示的是全部隐藏时的弹幕区效果对比.
|
||||
|
||||

|
||||
<img height="500" alt="简化直播间" src="images/compressed/simplify-liveroom.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -395,7 +394,8 @@
|
||||
<summary><strong>删除视频标题层</strong></summary>
|
||||
|
||||
删除视频里鼠标经过时出现在右上角的标题层.
|
||||

|
||||
|
||||
<img height="400" alt="覆盖层" src="images/compressed/remove-top-mask.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -415,7 +415,7 @@
|
||||
|
||||
隐藏主站的分区栏, 分区仍然可以从顶栏的主站菜单中进入.
|
||||
|
||||

|
||||
<img height="300" alt="分区栏" src="images/compressed/hide-category.jpg">
|
||||
|
||||
</details>
|
||||
|
||||
@ -438,7 +438,8 @@
|
||||
<summary><strong>展开动态标题</strong></summary>
|
||||
|
||||
在顶栏的动态预览框中, 不管名称多长, 总是完全展开视频的标题.
|
||||

|
||||
|
||||
<img height="300" alt="展开动态标题" src="images/compressed/full-tweets-title.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -482,7 +483,7 @@
|
||||
在视频选集列表中, 当标题超出一行时, 另起一行以显示完整标题.
|
||||
> 因为番剧选集用的绝对布局, 所以此功能在番剧区无效.
|
||||
|
||||

|
||||
<img height="600" alt="展开选集标题" src="images/compressed/full-page-title.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -520,7 +521,7 @@
|
||||
根据屏幕DPI请求更高分辨率的图片, 例如DPI缩放200%则请求2倍的分辨率, 加载时间也会相应变长一些.
|
||||
适用于2K, 4K等的显示屏, DPI缩放为100%的用户不需要此功能.
|
||||
|
||||

|
||||
<img height="600" alt="高分辨率图片" src="images/compressed/image-resolution.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -592,8 +593,8 @@
|
||||
- 左侧上下滑动可调整亮度
|
||||
- 右侧上下滑动可调整音量
|
||||
|
||||

|
||||

|
||||
<img width="600" alt="进度调整" src="images/compressed/touch-gestures.jpg">
|
||||
<img width="600" alt="亮度和音量调整" src="images/compressed/touch-gestures-vertical.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
@ -616,7 +617,8 @@
|
||||
<summary><strong>显示消息</strong></summary>
|
||||
|
||||
允许在网页左下角显示来自本脚本的消息, 如更新提醒, 错误提示等.
|
||||

|
||||
|
||||
<img height="200" alt="消息" src="images/compressed/toast.jpg">
|
||||
|
||||
</details>
|
||||
<details>
|
||||
|
||||
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 23 KiB |
BIN
images/compressed/chrome.en-US.jpg
Normal file
|
After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 107 KiB After Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 358 KiB After Width: | Height: | Size: 329 KiB |
|
Before Width: | Height: | Size: 433 KiB After Width: | Height: | Size: 409 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 730 KiB After Width: | Height: | Size: 434 KiB |
|
Before Width: | Height: | Size: 682 KiB After Width: | Height: | Size: 362 KiB |
|
Before Width: | Height: | Size: 540 KiB After Width: | Height: | Size: 297 KiB |
|
Before Width: | Height: | Size: 159 KiB After Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 116 KiB After Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 142 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 190 KiB After Width: | Height: | Size: 91 KiB |
|
Before Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 422 KiB After Width: | Height: | Size: 87 KiB |
|
Before Width: | Height: | Size: 252 KiB After Width: | Height: | Size: 259 KiB |
|
Before Width: | Height: | Size: 811 KiB After Width: | Height: | Size: 680 KiB |
|
Before Width: | Height: | Size: 758 KiB After Width: | Height: | Size: 468 KiB |
BIN
images/compressed/install-script.zh-CN.jpg
Normal file
|
After Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 544 KiB After Width: | Height: | Size: 300 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 106 KiB |
|
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 882 KiB |
|
Before Width: | Height: | Size: 206 KiB After Width: | Height: | Size: 191 KiB |
BIN
images/compressed/settings-icon.en-US.jpg
Normal file
|
After Width: | Height: | Size: 45 KiB |
BIN
images/compressed/settings.en-US.jpg
Normal file
|
After Width: | Height: | Size: 110 KiB |
|
Before Width: | Height: | Size: 299 KiB After Width: | Height: | Size: 94 KiB |
BIN
images/compressed/tampermonkey.en-US.jpg
Normal file
|
After Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 44 KiB |
|
Before Width: | Height: | Size: 230 KiB After Width: | Height: | Size: 136 KiB |
|
Before Width: | Height: | Size: 240 KiB After Width: | Height: | Size: 152 KiB |
|
Before Width: | Height: | Size: 4.6 MiB |
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 100 KiB |
|
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 2.0 MiB |
|
Before Width: | Height: | Size: 3.1 MiB After Width: | Height: | Size: 2.8 MiB |
|
Before Width: | Height: | Size: 2.9 MiB After Width: | Height: | Size: 2.2 MiB |
|
Before Width: | Height: | Size: 681 KiB After Width: | Height: | Size: 190 KiB |
|
Before Width: | Height: | Size: 99 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 155 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 172 KiB |
|
Before Width: | Height: | Size: 72 KiB After Width: | Height: | Size: 362 KiB |
|
Before Width: | Height: | Size: 2.1 MiB After Width: | Height: | Size: 615 KiB |
|
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 2.3 MiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 588 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 1010 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 213 KiB After Width: | Height: | Size: 345 KiB |
|
Before Width: | Height: | Size: 84 KiB After Width: | Height: | Size: 707 KiB |
@ -8,7 +8,7 @@ Please check your browser, Bilibili-Evolved must run with the **latest** Chrome
|
||||
|
||||
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.
|
||||
@ -22,7 +22,7 @@ Choose the one you like and click the link to visit its homepage, or get it in y
|
||||
|
||||
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)
|
||||
@ -35,8 +35,7 @@ Having at least one user script manager installed, you can now select a version
|
||||
|
||||
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.
|
||||
@ -49,8 +48,8 @@ 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.
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
下記のチュートリアルでは、例として Chrome を使用します:
|
||||
|
||||

|
||||
<img height="300" alt="Chrome" src="images/compressed/chrome.en-US.jpg">
|
||||
|
||||
## 2. インストール前の準備
|
||||
> ユーザースクリプトマネージャ(user script manager)が既にある場合は、このステップをスキップします.
|
||||
@ -23,7 +23,7 @@
|
||||
|
||||
例えば、Chrome Web StoreからTampermonkeyをインストールする.
|
||||
|
||||

|
||||
<img height="300" alt="Install from Chrome Web Store" src="images/compressed/tampermonkey.en-US.jpg">
|
||||
|
||||
## 3. インストール
|
||||
少なくとも1つのユーザスクリプトマネージャをインストールしたら、「Bilibili-Evolved」のバージョンを選択してインストールできます. (インストールしたいバージョンの名をクリックしてください)
|
||||
@ -36,8 +36,7 @@
|
||||
|
||||
例えば、オフライン版をインストールする
|
||||
|
||||

|
||||
|
||||
<img height="350" alt="Install Offline version" src="images/compressed/install-script.zh-CN.jpg">
|
||||
|
||||
## 4. 翻訳言語を変更する (オプション)
|
||||
> 翻訳言语は自分自身のブラウザのデフォルト言语に自动的に设定します.それがなければ、このステップに従って翻訳言语を変えることができます.
|
||||
@ -50,8 +49,8 @@
|
||||
|
||||
例えば、翻訳言語として「英語」を選択する
|
||||
|
||||

|
||||

|
||||
<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. 最後
|
||||
今、準備万端です! 設定や追加機能を探索して興味深い機能を発見できます.
|
||||
|
||||