PTT推薦

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

看板Japandrama標題[閒聊] 修改KKTV的字幕樣式/大小作者
narihira2000
(つよし)
時間推噓21 推:21 噓:0 →:2

各位板友大家好

最近開始用KKTV來看日劇

但是發現他們字幕的位置一定會在時間軸的上面

而且又不能調整字幕大小(其實可以透過ctrl+滾輪來調整,但也不方便)

再加上我看日劇時習慣把日文字幕開起來

雙字幕直接快把畫面占掉一半

https://i.imgur.com/80shVIX.jpg

圖 修改KKTV的字幕樣式/大小

於是興起想修改字幕樣式的念頭

==========================以上廢話==========================


以下開始教學

簡單來說就是透過stylus來調整字幕的css

1. 首先去擴充商店安裝stylus擴充元件(chrome、firefox、edge皆有)

2. 點開stylus並點選"管理已安裝樣式"後編寫一個新樣式
https://i.imgur.com/5yYTO9H.jpg

圖 修改KKTV的字幕樣式/大小
https://i.imgur.com/bLRGU5F.jpg
圖 修改KKTV的字幕樣式/大小

3. 貼上以下網址的內容
https://bit.ly/2ZDwohD

4. 在底部"適用於"的地方進行設定,讓它只在kktv內運作
選項為 含以下前綴的網址 https://www.kktv.me/play/
https://i.imgur.com/5uoVpZA.png

圖 修改KKTV的字幕樣式/大小

5. 儲存後就完成啦!
https://i.imgur.com/TxdfFbI.jpg
圖 修改KKTV的字幕樣式/大小

單一字幕也是支援的喔! 不過若是內嵌字幕就無法了XD
https://i.imgur.com/2hpDcfb.jpg
圖 修改KKTV的字幕樣式/大小

當然也可以修改css的內容

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

或是字幕是否要一行顯示

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


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

圖 修改KKTV的字幕樣式/大小

總之懂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實用推 謝謝分享!