修改KKTV的字幕樣式/大小 - 日劇

各位板友大家好

最近開始用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的人應該可以變出更多花樣

就分享給板友們囉~



--