PTT影音娛樂區 / Japandrama (日劇)

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

看板Japandrama (日劇)作者 (つよし)時間4年前 (2020/09/15 22:53), 4年前編輯推噓21(21推 0噓 2→)
留言23則, 22人參與, 4年前最新討論串1/3 (看更多)
各位板友大家好 最近開始用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.cc), 來自: 103.5.100.194 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Japandrama/M.1600181605.A.172.html
推
09/15 22:57, 4年前 , 1F
推一個
09/15 22:57, 1F
推
09/15 22:59, 4年前 , 2F
推，用MIU404教學很可以XDDD
09/15 22:59, 2F
MIU404真的超好看 大推
推
09/15 23:01, 4年前 , 3F
順眼很多，推一個
09/15 23:01, 3F
推
09/15 23:44, 4年前 , 4F
真的那雙字幕好佔畫面！謝謝教學，推miu404！
09/15 23:44, 4F
推
09/15 23:45, 4年前 , 5F
好厲害！推
09/15 23:45, 5F
推
09/16 00:18, 4年前 , 6F
感謝教學！！！開雙字幕的時候真的覺得很佔畫面空間
09/16 00:18, 6F
→
09/16 00:18, 4年前 , 7F
明天來試試看~ 然後MIU404一定要推一下！
09/16 00:18, 7F
推
09/16 01:08, 4年前 , 8F
推
09/16 01:08, 8F
推
09/16 02:29, 4年前 , 9F
有改有推，順便二刷MIU404
09/16 02:29, 9F
推
09/16 02:31, 4年前 , 10F
最後一張圖怎麼那麼熟悉啊歪歪XDD
09/16 02:31, 10F
不好說不好說d(`･∀･)b
推
09/16 05:05, 4年前 , 11F
感謝教學！推推
09/16 05:05, 11F
推
09/16 08:15, 4年前 , 12F
最後一張XD
09/16 08:15, 12F
推
09/16 09:24, 4年前 , 13F
我這人很簡單，有MIU404我就推wwwww
09/16 09:24, 13F
推
09/16 11:59, 4年前 , 14F
推教學 好實用～
09/16 11:59, 14F
推
09/16 13:01, 4年前 , 15F
推教學。謝謝
09/16 13:01, 15F
※ 編輯: narihira2000 (103.5.100.194 臺灣), 09/16/2020 15:15:28
推
09/16 15:46, 4年前 , 16F
實用！有MIU404當然要推
09/16 15:46, 16F
推
09/16 19:52, 4年前 , 17F
謝謝教學！看了這篇才知道可以雙字幕一起顯示XD
09/16 19:52, 17F
推
09/16 21:01, 4年前 , 18F
感謝教學！之前因為雙字幕太佔空間，就不開雙字幕了
09/16 21:01, 18F
→
09/19 00:44, 4年前 , 19F
推，謝謝教學!!教學畫面選得真好(拇指)
09/19 00:44, 19F
推
09/19 01:44, 4年前 , 20F
推教學！ 推推 MIU404
09/19 01:44, 20F
推
09/20 02:50, 4年前 , 21F
推！之前也是被這個困擾到，結果就沒開雙字幕
09/20 02:50, 21F
推
09/21 21:03, 4年前 , 22F
感謝分享，很好用。
09/21 21:03, 22F
推
09/22 19:23, 4年前 , 23F
實用推 謝謝分享!
09/22 19:23, 23F
‣ 更多 narihira2000 的文章
文章代碼(AID): #1VODLb5o (Japandrama)
Japandrama 近期熱門文章
更多 近期熱門文章 >>
PTT影音娛樂區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 narihira2000 的文章
文章代碼(AID): #1VODLb5o (Japandrama)