Update README, add tooltips

This commit is contained in:
the1812 2018-12-20 23:23:01 +08:00
parent 3e6ae33157
commit 4935b23b61
7 changed files with 52 additions and 22 deletions

View File

@ -48,7 +48,7 @@
- 模糊视频控制栏背景: `关闭` - 模糊视频控制栏背景: `关闭`
- 控制栏着色: `开启` - 控制栏着色: `开启`
- 不透明度: `0.64` - 不透明度: `0.64`
- 缩放看板娘: `开启` - 缩放直播看板娘: `开启`
- 删除直播水印: `开启` - 删除直播水印: `开启`
- 删除视频标题层: `关闭` - 删除视频标题层: `关闭`
- 强制宽屏: `关闭` - 强制宽屏: `关闭`
@ -62,7 +62,7 @@
- 顶栏触摸优化: `关闭` - 顶栏触摸优化: `关闭`
- 播放器触摸支持: `关闭` - 播放器触摸支持: `关闭`
- 启用实验性动画效果: `关闭` - 启用实验性动画效果: `关闭`
> 因为部分浏览器对包含实验性效果的动画没有优化会很卡, 所以开放此选项. > 决定是否要对触摸调整的提示框使用出现/消失动画, 此动画可能导致掉帧.
- 启用双击控制: `关闭` - 启用双击控制: `关闭`
### 其他 ### 其他
- 显示消息: `开启` - 显示消息: `开启`
@ -150,17 +150,8 @@
#### 显示排行榜图标 #### 显示排行榜图标
在搜索栏置顶启用的时候, 还可以使用此功能显示/隐藏排行榜入口. 在搜索栏置顶启用的时候, 还可以使用此功能显示/隐藏排行榜入口.
![排行榜图标](images/ranklist.png) ![排行榜图标](images/ranklist.png)
### 缩放看板娘
根据屏幕DPI缩放看板娘的大小以提高像素的清晰度, DPI缩放为100%的用户不需要此功能.
### 删除直播水印
删除观看直播时角落的水印.
### 删除视频标题层
删除视频里鼠标经过时出现在顶端的标题覆盖层.
标题覆盖层的位置:
![标题覆盖层](images/remove-top-mask.png)
### 模糊视频控制栏背景 ### 模糊视频控制栏背景
模糊视频控制栏背景, 控制栏着色效果和原阴影效果将无效. 模糊视频控制栏背景, 原版的阴影效果将无效.
此功能需要浏览器支持背景模糊效果, 详情见[兼容性](#兼容性)一节. 此功能需要浏览器支持背景模糊效果, 详情见[兼容性](#兼容性)一节.
#### 启用前 #### 启用前
![不模糊背景](images/blur-video-control-disabled.png) ![不模糊背景](images/blur-video-control-disabled.png)
@ -172,6 +163,15 @@
![原版](images/custom-control-background-disabled.png) ![原版](images/custom-control-background-disabled.png)
#### 启用后 #### 启用后
![着色](images/custom-control-background.png) ![着色](images/custom-control-background.png)
### 缩放直播看板娘
根据屏幕DPI缩放直播看板娘的大小以提高像素的清晰度, DPI缩放为100%的用户不需要此功能.
### 删除直播水印
删除观看直播时角落的水印.
### 删除视频标题层
删除视频里鼠标经过时出现在顶端的标题覆盖层.
标题覆盖层的位置:
![标题覆盖层](images/remove-top-mask.png)
### 强制宽屏 ### 强制宽屏
对主站强制使用宽屏样式, 将在宽度达到`1300px`时启用. 此功能的适用范围为屏幕宽度介于`1300px`至`1400px`的设备. 对主站强制使用宽屏样式, 将在宽度达到`1300px`时启用. 此功能的适用范围为屏幕宽度介于`1300px`至`1400px`的设备.
> 原有的宽屏样式会在宽度超过`1400px`时自动启用, 如果你的屏幕宽度大于`1400px`, 则没有必要开启此功能. > 原有的宽屏样式会在宽度超过`1400px`时自动启用, 如果你的屏幕宽度大于`1400px`, 则没有必要开启此功能.
@ -184,7 +184,7 @@
## 工具 ## 工具
### 删除广告 ### 删除广告
删除嵌于页面中的推广横幅. 删除站内的各种广告. 包括首页的推广模块, 手机app推荐, 视频页面右侧的广告等.
#### 删除前 #### 删除前
![删除前](images/remove-ads-before.png) ![删除前](images/remove-ads-before.png)
#### 删除后 #### 删除后

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
.gui-settings-tooltip{content:attr(data-tool-tip);position:fixed;left:420px;background:#0008;padding:1rem;font-size:12pt;top:50%;transform:translateY(-50%);transition:all .2s ease-out .8s;opacity:0;min-width:100%;max-height:60%;line-height:24px;white-space:pre-wrap;}.gui-settings-tooltip.show{opacity:1;}.gui-settings-tooltip span{font-weight:bold;} .gui-settings-tooltip{content:attr(data-tool-tip);position:fixed;left:420px;background:#0008;padding:1rem;font-size:12pt;top:50%;transform:translateY(-50%);transition:all .2s ease-out .8s;opacity:0;min-width:100%;max-height:60%;line-height:24px;white-space:pre-wrap;pointer-events:none;}.gui-settings-tooltip.show{pointer-events:initial;opacity:1;}.gui-settings-tooltip span{font-weight:bold;}

File diff suppressed because one or more lines are too long

View File

@ -14,9 +14,11 @@
max-height: 60%; max-height: 60%;
line-height: 24px; line-height: 24px;
white-space: pre-wrap; white-space: pre-wrap;
pointer-events: none;
} }
.gui-settings-tooltip.show .gui-settings-tooltip.show
{ {
pointer-events: initial;
opacity: 1; opacity: 1;
} }
.gui-settings-tooltip span .gui-settings-tooltip span

View File

@ -21,11 +21,39 @@
- 使部分搜索栏的提示文字的颜色更清晰 - 使部分搜索栏的提示文字的颜色更清晰
- 隐藏播放页面的"返回旧版"侧栏 - 隐藏播放页面的"返回旧版"侧栏
- 修复直播间一些文字初始状态不正确`, - 修复直播间一些文字初始状态不正确`,
blurBackgroundOpacity: `设置顶栏对横幅的透明度, 数值越高顶栏越淡, 当横幅关闭时此选项无效.`,
useDarkStyle: `夜间模式更适合光线暗的环境, 并会大量应用主题颜色.`, useDarkStyle: `夜间模式更适合光线暗的环境, 并会大量应用主题颜色.`,
darkSchedule: `设置一个使用夜间模式的时间段, 进入/离开此时间段时, 会自动开启/关闭夜间模式. darkSchedule: `设置一个使用夜间模式的时间段, 进入/离开此时间段时, 会自动开启/关闭夜间模式.
结束时间小于起始时间时将视为次日, <span>18:00</span><span>6:00</span>18:006:00.`, 结束时间小于起始时间时将视为次日, <span>18:00</span><span>6:00</span>18:006:00.`,
darkScheduleStart: `设置计划时段的起始时间.`, darkScheduleStart: `设置计划时段的起始时间.`,
darkScheduleEnd: `设置计划时段的结束时间.`, darkScheduleEnd: `设置计划时段的结束时间.`,
overrideNavBar: `开启后, 在主站中总是把搜索框置于顶栏, 如果页面里没有搜索栏则不会显示.`,
showBanner: `控制是否显示主站顶部的横幅`,
preserveRank: `控制是否在搜索框左侧显示排行榜图标.`,
blurVideoControl: `模糊视频控制栏背景, 原版的阴影效果将无效.`,
customControlBackground: `给视频控制栏附上半透明的黑色, 代替原来的阴影.`,
customControlBackgroundOpacity: `设置控制栏着色的黑色不透明度(0~1), 数值越大黑色越浓.`,
harunaScale: `根据屏幕DPI缩放直播看板娘的大小以提高像素的清晰度.`,
removeLiveWatermark: `删除观看直播时角落的水印.`,
removeVideoTopMask: `删除视频里鼠标经过时出现在顶端的标题覆盖层.`,
forceWide: `对主站强制使用宽屏样式, 将在宽度达到<span>1300px</span>时启用. 此功能的适用范围为屏幕宽度介于<span>1300px</span>至<span>1400px</span>的设备.
原有的宽屏样式会在宽度超过<span>1400px</span>, <span>1400px</span>, .
非宽屏样式下, 首页视频排行为2行<span>3</span>; , 2<span>4</span>.`,
removeAds: `删除站内的各种广告. 包括首页的推广模块, 手机app推荐, 视频页面右侧的广告等.`,
watchLaterRedirect: `将稍后再看的链接重定向为普通播放网址, 以使用新版播放页面.`,
hideTopSearch: `将搜索框的推荐词替换为<span>搜索</span>.`,
fullTweetsTitle: `在顶栏的动态预览框中, 总是展开完整的标题.`,
touchNavBar: `删除顶栏右侧的一级链接(从<span>大会员</span>到<span>历史</span>), 以方便触屏设备快速预览信息. 被删除的链接可从各预览中的<span>查看更多</span>进入.`,
touchVideoPlayer: `增大控制栏的按钮间距, 使触摸操作更准确. 并为播放器启用触摸支持:
- 左右滑动可调整进度
- 上下滑动可调整音量
- 进度调整可在左上角和右上角取消
- 在不同位置滑动, 可以使用3档不同的灵敏度.`,
touchVideoPlayerAnimation: `决定是否要对触摸调整的提示框使用出现/消失动画, 此动画可能导致掉帧.`,
touchVideoPlayerDoubleTapControl: `将操作方式更改为: 单击显示/隐藏控制栏, 双击播放/暂停.`,
toast: `允许在网页左下角显示来自本脚本的消息, 如更新提醒, 错误提示等.`,
toastInternalError: `开启后, 错误消息将显示详细的技术性错误信息及堆栈跟踪, 这通常用于准确地确定问题发生的原因, 所以报告问题时这些信息会非常有用.`,
useCache: `使用缓存以提高脚本的加载速度.`,
}; };
function extractKey(listItem) function extractKey(listItem)
{ {