muzuiget / dualsub-support

Dualsub - Dual Subtitles for YouTube
https://www.dualsub.xyz/
281 stars 24 forks source link

youtube字幕背景宽高问题 #441

Closed wunqoceitr closed 2 years ago

wunqoceitr commented 2 years ago

image 标准模式怎么调整像YouTube的原生字幕一样的背景宽高

muzuiget commented 2 years ago

在“快速设置”里选择“基本样式”为 背景 时,默认设置下已经有一点内间距的,不会像你截图中那么贴的。

如果你仍然想自己调,可以添加一个用户样式:

Screenshot_20220730_174357

代码:

.dualsub-renderer .subtitles {
    padding: 16px 16px;
}

然后刷新网页。

默认是 padding: 8px 16px;,即上下 8px ,左右 16px ,应用样式后四个方向都是 16px

muzuiget commented 2 years ago

这是默认设置下的效果。

Screenshot_20220730_175509

上面是标准模式,下面是简单模式。

wunqoceitr commented 2 years ago

这是默认设置下的效果。

Screenshot_20220730_175509

上面是标准模式,下面是简单模式。

我知道默认设置下已经有一点内间距 但是基本样式为背景的话那么双字幕的背景就会合并一个了 image 双字幕公用的背景遮挡有点影响 所以说可以调整其中一个字幕的背景就好了

muzuiget commented 2 years ago

需要把基础样式切到除“背景”之外,避免添加默认背景,然后用 .subtitle-1 自己添加背景并增加内间距:

.dualsub-renderer .subtitle-1 {
    background: rgb(0 0 0 / 75%);
    padding: 16px;
}
muzuiget commented 2 years ago

这是另一个效果,如果你不想左右两边空白背景和第二字幕对齐的话:

.dualsub-renderer .subtitle-1 .dialogue {
    background: rgb(0 0 0 / 75%);
    padding: 16px;
    width: fit-content;
    margin: auto;
}

Screenshot_20220730_213542

Andy19L commented 1 year ago

Oh Plz Don't. I usually use different sizes in both two language subtitles via the "style" function. It gave me more motivation to learn languages.