bilibili 页面净化大师

净化 B站/哔哩哔哩 页面,支持「精简功能、播放器净化、过滤视频、过滤评论、全站黑白名单」,提供 300+ 功能,定制自己的 B 站

< Feedback on bilibili 页面净化大师

Review: Good - script works

§
Posted: 2024-12-15

功能请求 可否增强视频外挂字幕的位置调整 目前b站自带的字幕位置调整不够精细 可否增加一个微调外挂字幕位置的功能谢谢

festoney8Author
§
Posted: 2024-12-16

具体是哪方面调整不够精细?现在上下位置拖动挺丝滑的啊

§
Posted: 2024-12-16

具体是哪方面调整不够精细?现在上下位置拖动挺丝滑的啊

抱歉可能是我说的话有歧义 我的意思是调整字幕的整体位置 目前b站官方只能选择几种预设的位置 我想要自定义外挂字幕的整体显示位置

festoney8Author
§
Posted: 2024-12-16
Edited: 2024-12-16

这个比较细致的调节很难做到插件里,建议使用 Stylus 插件自行调整位置

用 Stylus 给播放页新增下方样式,如图,其中 translateX 后面的数值是左右偏移,translateY 是上下偏移,数值的正负影响偏移方向

用这段样式搭配官方的预设位置,可以让字幕在任意位置显示

/* 普通时 字幕偏移 */
.bpx-player-container[data-screen="normal"] .bpx-player-subtitle-panel-position {
    transform: translateX(-10px) translateY(10px);
}
/* 宽屏时 字幕偏移 */
.bpx-player-container[data-screen="wide"] .bpx-player-subtitle-panel-position {
    transform: translateX(-10px) translateY(10px);
}
/* 网页全屏时 字幕偏移 */
.bpx-player-container[data-screen="web"] .bpx-player-subtitle-panel-position {
    transform: translateX(-10px) translateY(10px);
}
/* 全屏时 字幕偏移 */
.bpx-player-container[data-screen="full"] .bpx-player-subtitle-panel-position {
    transform: translateX(-10px) translateY(10px);
}
§
Posted: 2024-12-16

这个比较细致的调节很难做到插件里,建议使用 Stylus 插件自行调整位置

用 Stylus 给播放页新增下方样式,如图,其中 translateX 后面的数值是左右偏移,translateY 是上下偏移,数值的正负影响偏移方向

用这段样式搭配官方的预设位置,可以让字幕在任意位置显示

/* 普通时 字幕偏移 */
.bpx-player-container[data-screen="normal"] .bpx-player-subtitle-panel-position {
    transform: translateX(-10px) translateY(10px);
}
/* 宽屏时 字幕偏移 */
.bpx-player-container[data-screen="wide"] .bpx-player-subtitle-panel-position {
    transform: translateX(-10px) translateY(10px);
}
/* 网页全屏时 字幕偏移 */
.bpx-player-container[data-screen="web"] .bpx-player-subtitle-panel-position {
    transform: translateX(-10px) translateY(10px);
}
/* 全屏时 字幕偏移 */
.bpx-player-container[data-screen="full"] .bpx-player-subtitle-panel-position {
    transform: translateX(-10px) translateY(10px);
}


哇 感谢辛苦答复 这就去试试 谢谢大佬!

§
Posted: 2024-12-16

亲测好用 再次拜谢!

Post reply

Sign in to post a reply.