Re: [閒聊] 修改KKTV的字幕樣式/大小已刪文

看板Japandrama (日劇)作者KevinAction ( )時間4年前 (2021/01/31 14:36)推噓0(0推 0噓 0→)

留言0則, 0人參與討論串2/3 (看更多)

※ 引述《narihira2000 (つよし)》之銘言： : 各位板友大家好 : 最近開始用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 感謝n大設計的css樣式讓小弟在看KKTV的時候視覺體驗上獲得極大的改善! 小弟也來獻醜一下提供個人喜歡的樣式設計讓大家做個參考... 以下借用日綜舉例因為畫面上有滿滿的綜藝特效字幕比較好說明差異... (由於我偏好大字幕已先套用n大的樣式並將字改大) 這是KKTV的預設值中文字幕幾乎快跟綜藝字幕融為一體... https://imgur.com/hiVP5um

打開背景之後才獲得改善 https://imgur.com/AtUcdaq

這是套用n大的 -webkit-text-stroke: 2px #000; 觀看體驗比起KKTV原生字幕效果已經獲得提升 https://imgur.com/waN4OFh

但我個人近視比較重想看更清楚一點把邊框加粗到4px 結果卻變這樣... 囧 https://imgur.com/Cyqw5FS

於是我把webkit-text-stroke那行刪掉改成 text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000; https://imgur.com/hdTOTph

我覺得還不夠清楚十倍奉還! text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000, 0 0 10px #000; https://imgur.com/jNBPrM5