PTT評價

[閒聊] 修改KKTV的字幕樣式/大小

narihira2000 發表於 2020/9/15 下午10:53:14
看板Japandrama標題[閒聊] 修改KKTV的字幕樣式/大小作者
narihira2000
 (つよし)時間推噓21 推:21 噓:0 →:2

各位板友大家好

最近開始用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://i.imgur.com/5uoVpZA.png


5. 儲存後就完成啦!
https://i.imgur.com/TxdfFbI.jpg

單一字幕也是支援的喔! 不過若是內嵌字幕就無法了XD
https://i.imgur.com/2hpDcfb.jpg

當然也可以修改css的內容

像是字幕的外框顏色、大小、高低位置等等

或是字幕是否要一行顯示

詳細可以參考code內註解來進行調整


你甚至可以改成像這樣(?
https://i.imgur.com/f0zvdT3.jpg

總之懂CSS的人應該可以變出更多花樣

就分享給板友們囉~



--

※ PTT 留言評論
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 103.5.100.194 (臺灣)
※ PTT 網址
推

RyomaTaco09/15 22:57推一個

推

bibichiu09/15 22:59推，用MIU404教學很可以XDDD

MIU404真的超好看 大推

推

iamtharos09/15 23:01順眼很多，推一個

推

zakke09/15 23:44真的那雙字幕好佔畫面！謝謝教學，推miu404！

推

umi020709/15 23:45好厲害！推

推

mymayday509/16 00:18感謝教學！！！開雙字幕的時候真的覺得很佔畫面空間

→

mymayday509/16 00:18 明天來試試看~ 然後MIU404一定要推一下！

推

ww121509/16 01:08推

推

rabbitball1909/16 02:29有改有推，順便二刷MIU404

推

y3524635746809/16 02:31最後一張圖怎麼那麼熟悉啊歪歪XDD

不好說不好說d(`･∀･)b

推

joanjen09/16 05:05感謝教學！推推
推

edward840109/16 08:15最後一張XD

推

dearwhen09/16 09:24我這人很簡單，有MIU404我就推wwwww

推

venki09/16 11:59推教學 好實用～

推

poterr09/16 13:01推教學。謝謝

※ 編輯: narihira2000 (103.5.100.194 臺灣), 09/16/2020 15:15:28
推

xuanct429709/16 15:46實用！有MIU404當然要推

推

blue232409/16 19:52謝謝教學！看了這篇才知道可以雙字幕一起顯示XD

推

kazunariken09/16 21:01感謝教學！之前因為雙字幕太佔空間，就不開雙字幕了

→

lanesep09/19 00:44推，謝謝教學!!教學畫面選得真好(拇指)

推

TAMACAT09/19 01:44推教學！ 推推 MIU404

推

shallvam09/20 02:50推！之前也是被這個困擾到，結果就沒開雙字幕

推

yesh101909/21 21:03感謝分享，很好用。

推

EarthSea09/22 19:23實用推 謝謝分享!
同系列文章
Re: [閒聊] 修改KKTV的字幕樣式/大小
其他人也閱讀了
PTT 熱門相關
Japandrama最新熱門推薦
🔥🔥🔥