※ 引述《narihira2000 (つよし)》之铭言：
: 各位板友大家好
: 最近开始用KKTV来看日剧
: 但是发现他们字幕的位置一定会在时间轴的上面
: 而且又不能调整字幕大小(其实可以透过ctrl+滚轮来调整，但也不方便)
: 再加上我看日剧时习惯把日文字幕开起来
: 双字幕直接快把画面占掉一半
: https://i.imgur.com/80shVIX.jpg
: 于是兴起想修改字幕样式的念头
: ==========================以上废话==========================
: 以下开始教学
: 简单来说就是透过stylus来调整字幕的css
: 1. 首先去扩充商店安装stylus扩充元件(chrome、firefox、edge皆有)
: 2. 点开stylus并点选"管理已安装样式"后编写一个新样式
: https://i.imgur.com/5yYTO9H.jpg
: https://i.imgur.com/bLRGU5F.jpg
: 3. 贴上以下网址的内容
: https://bit.ly/2ZDwohD
感谢n大设计的css样式
让小弟在看KKTV的时候
视觉体验上获得极大的改善!
小弟也来献丑一下
提供个人喜欢的样式设计
让大家做个参考...
以下借用日综举例
因为画面上有满满的综艺特效字幕 比较好说明差异...
(由于我偏好大字幕 已先套用n大的样式 并将字改大)
这是KKTV的默认值 中文字幕几乎快跟综艺字幕融为一体...
https://i.imgur.com/yoaNlDr.png
打开背景之后才获得改善
https://i.imgur.com/0dn2lzw.png
这是套用n大的 -webkit-text-stroke: 2px #000;
观看体验比起KKTV原生字幕效果 已经获得提升
https://i.imgur.com/MO26tmN.png
但我个人近视比较重 想看更清楚一点 把边框加粗到4px 结果却变这样... 囧
https://i.imgur.com/HHocfxL.png
于是我把webkit-text-stroke那行删掉
改成
text-shadow:
0 0 10px #000,
0 0 10px #000,
0 0 10px #000;
https://i.imgur.com/4UyMi5Q.png
我觉得还不够清楚 十倍奉还!
text-shadow:
0 0 10px #000,
0 0 10px #000,
0 0 10px #000,
0 0 10px #000,
0 0 10px #000,
0 0 10px #000,
0 0 10px #000,
0 0 10px #000,
0 0 10px #000,
0 0 10px #000;
https://i.imgur.com/r1NyDlK.png
还不够啦~ 重口味全来!! 弄个25行!!!
https://i.imgur.com/yeTOCiT.png
呼~舒服~
以上提供给大家做个参考...
刚刚发现图片网址全部贴错 所以修改重贴... orz...