Greasy Fork

版本6.0.2-修复了颜色设置弹窗bug，优化透明度功能

1、修复颜色设置弹窗bug1：视频暂停时拖动工具会显示颜色设置弹窗； 2、修复颜色设置弹窗bug2：拖动时会选中页面文字； 3、优化透明度功能：调整了透明度设置弹窗视觉效果。

增加了功能设置整体透明度调节滑动条

可以使用鼠标右键点击工具，就会弹出透明条弹窗，你可以调节滑动条设置自己喜欢的透明度，比如视频内容很满就可以透明度小一点防止遮挡

增加了自定义颜色功能

增加了自定义颜色功能，可以用鼠标点击这个工具，在弹出的颜色设置弹窗里自定义你想要的颜色

增加拖动功能

1、添加了拖动功能。 使用 HTML5 的拖放 API ，通过监听 mousedown、mousemove 和 mouseup 事件，实现了 timeDisplay 元素的拖动和放置。 2、将总时长、已观看时长和剩余时长放在总体中间，更加美观！

Update Bilibili_Video_Progress_Tool.user.js

调整了整体大小，让点赞按钮不被遮挡

更新版本3.0.2

1、修复了bug：鼠标移动到进度条上的时候，其他数据隔几秒闪烁一下才显示，鼠标移开的时候进度数据变成NaN%； 2、进行代码优化：确保 dataContainer 的样式设置正确，并且在鼠标进入时能够正确显示。分为以下几点：

• 确保 dataContainer 的样式设置正确： 确保 dataContainer 的 display 属性在鼠标进入时设置为 block。 确保 dataContainer 的 lineHeight 和 textAlign 属性设置正确，以便内容垂直和水平居中。
• 确保 progressBarCanvas 和 dataContainer 的显示逻辑正确： 在鼠标进入时，确保 progressBarCanvas 隐藏，dataContainer 显示；在鼠标离开时，确保 progressBarCanvas 显示，dataContainer 隐藏。
• 确保 dataContainer 的 lineHeight 属性与容器的高度相匹配，以便内容垂直居中。
• 确保在 updateDurations 函数中正确调用 updateDataContainer，以便在更新进度条时同时更新数据容器的内容。

更新版本3.0.1，进度采用圆环进度条显示

把进度变成圆环形状的进度条

调整圆角

更新了match图标

Update Bilibili_Video_Progress_Tool.user.js

把这个显示效果放在网页左下角

Update Bilibili_Video_Progress_Tool.js

Update Bilibili_Video_Progress_Tool.js