[技術] Hitbox聊天室自訂字型擷取 8/10更新

作者: Append (<( ̄︶ ̄)>)   2014-08-10 04:15:23
CSS: http://pastebin.com/yPeJpU10
好讀版 http://disp.cc/b/27-80j4
首先,有圖有真相。http://i.imgur.com/UK8FlgK.png
(前情提要: #1IpUhrAc )
由於最近Twitch再次都更,又有一些Twitch實況主開始嘗試移動到Hitbox平台來
進行實況。在今年一月初的時候,我曾經為了在OBS中嵌入Hitbox聊天室而寫過一個
CSS範本,達到調整字形、加上邊框與去背景的效果;然而好景不常,Hitbox也都更
了,雖然聊天室多了許多功能,不過舊的CSS也失去了效果。因此,趁假日有空的時
候,參考了一些menjyoumayu在#1JntKwsu調整的內容,重新修正了一次,同時加上一
些註解方便調整。
為何不使用網頁聊天室呢?直覺上我們可以去擷取聊天室,甚至對他去背景,但
是這並不是個好方法。網頁聊天室的字型和大小都綁在瀏覽器裡面,要調整的話,牽
一髮動全身,平常看的其他東西也會一起改變;不調整的話,小小的字型經過H264壓
縮之後就糊成一團。一種理想的方式是透過Stylebot之類的CSS修改套件來更動網頁
聊天室的版面,事實上可以達到和這一篇幾乎相同的效果。
我所採用的這一套方法源自於OBSChat。( http://www.nightdev.com/obschat/ )
他用正確大小的CLR瀏覽器打開跳出的聊天室,利用自訂CSS的功能來更改版面和字形
樣式。同一套方法理所當然也可以套用在Hitbox上,差別只有在CSS修改的內容不同
而已。
作者: Append (<( ̄︶ ̄)>)   2014-08-10 04:29:00
其實我沒有多花時間Debug所以八成很容易遇到問題...
作者: KMSNY (MSN+KY)   2014-08-10 12:24:00
推 只是上次那個插件會導致OBS常常當掉
作者: wyiwyi (紙片宅)   2014-08-10 15:35:00
Pushhh
作者: Append (<( ̄︶ ̄)>)   2014-08-10 17:43:00
我也知道上次那個插件有問題Orz 可是我找不出來為什麼會當而且在我這邊大概三到五小時會當一次 其他人那邊就會更快

Links booklink

Contact Us: admin [ a t ] ucptt.com