作者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/m.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