作者narihira2000 (つよし)
看板Japandrama
标题[闲聊] 修改KKTV的字幕样式/大小
时间Tue Sep 15 22:53:14 2020
各位板友大家好
最近开始用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
4. 在底部"适用於"的地方进行设定，让它只在kktv内运作
选项为 含以下前缀的网址
并输入以下两个网址
https://www.kktv.me/play/ https://kktv.me/play/
https://i.imgur.com/6kuVSre.jpg
5. 储存後就完成啦!
https://i.imgur.com/TxdfFbI.jpg
单一字幕也是支援的喔! 不过若是内嵌字幕就无法了XD
https://i.imgur.com/2hpDcfb.jpg
当然也可以修改css的内容
像是字幕的外框颜色、大小、高低位置等等
或是字幕是否要一行显示
详细可以参考code内注解来进行调整
你甚至可以改成像这样(?
https://i.imgur.com/f0zvdT3.jpg
总之懂CSS的人应该可以变出更多花样
就分享给板友们罗~
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 103.5.100.194 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Japandrama/M.1600181605.A.172.html
1F：推 RyomaTaco: 推一个 09/15 22:57
2F：推 bibichiu: 推，用MIU404教学很可以XDDD 09/15 22:59
MIU404真的超好看 大推
3F：推 iamtharos: 顺眼很多，推一个 09/15 23:01
4F：推 zakke: 真的那双字幕好占画面！谢谢教学，推miu404！ 09/15 23:44
5F：推 umi0207: 好厉害！推 09/15 23:45
6F：推 mymayday5: 感谢教学！！！开双字幕的时候真的觉得很占画面空间 09/16 00:18
7F：→ mymayday5: 明天来试试看~ 然後MIU404一定要推一下！ 09/16 00:18
8F：推 ww1215: 推 09/16 01:08
9F：推 rabbitball19: 有改有推，顺便二刷MIU404 09/16 02:29
10F：推 y35246357468: 最後一张图怎麽那麽熟悉啊歪歪XDD 09/16 02:31
不好说不好说d(`･∀･)b
11F：推 joanjen: 感谢教学！推推 09/16 05:05
12F：推 edward8401: 最後一张XD 09/16 08:15
13F：推 dearwhen: 我这人很简单，有MIU404我就推wwwww 09/16 09:24
14F：推 venki: 推教学 好实用～ 09/16 11:59
15F：推 poterr: 推教学。谢谢 09/16 13:01
※ 编辑: narihira2000 (103.5.100.194 台湾), 09/16/2020 15:15:28
16F：推 xuanct4297: 实用！有MIU404当然要推 09/16 15:46
17F：推 blue2324: 谢谢教学！看了这篇才知道可以双字幕一起显示XD 09/16 19:52
18F：推 kazunariken: 感谢教学！之前因为双字幕太占空间，就不开双字幕了 09/16 21:01
19F：→ lanesep: 推，谢谢教学!!教学画面选得真好(拇指) 09/19 00:44
20F：推 TAMACAT: 推教学！ 推推 MIU404 09/19 01:44
21F：推 shallvam: 推！之前也是被这个困扰到，结果就没开双字幕 09/20 02:50
22F：推 yesh1019: 感谢分享，很好用。 09/21 21:03
23F：推 EarthSea: 实用推 谢谢分享! 09/22 19:23
※ 编辑: narihira2000 (103.5.100.134 台湾), 06/28/2023 23:08:27