animebook / animebook.github.io

In-browser video player for learning Japanese with subtitles
https://animebook.github.io
MIT License
268 stars 30 forks source link

[Feature Request] Customizable subtitle font. #65

Open Dan9922 opened 1 year ago

Dan9922 commented 1 year ago

I don't mean just the size (I am very grateful you added that though) but it would be great if you could chage subtitle positioning and boldness. I am quite a fan of the subtitle font in mpc-hc and I would love to be able to replicate something similar with animebook.

blob:https://imgur.com/c533e3c5-c3e6-42b3-82e4-cb8fcfc6ff9b

msw93 commented 1 year ago

@Dan9922 you can do this very easily with custom css extensions like 'stylus'

Here is some css that I like

 .current-caption {
    font-size: 48px;
    color: white;
    bottom: 7.5%;
    background: rgba(0,0,0,0.15);
    border-radius: 7px;
    z-index: 2147483647;
    position: absolute;
}

looks like this: image