各位板友大家好
最近開始用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的人應該可以變出更多花樣
就分享給板友們囉~