[[圖檔皆為親自製作請勿盜圖]]
前陣子正為了新版的OBS聊天室擷取煩惱不已
爬爬文找到的幾乎都是舊版OBS的資料
一整個很失落啊
正打算要放棄的時候,皇天不負苦心人(?
相信很多人都知道KapCHAT擷取插件的方便好用。
昨天在嘗試的時候,意外的發現新大陸啊,
此插件目前已經可以支援了OBS MP版 ((大發
以下進入正題~~~
2.選擇適合的自己電腦作業系統的版本,下載後直接安裝
((不用在像以前一樣移動資料夾 還怕失敗啦!
P.S.點選進入下一步後的畫面要留著,我們還要進行一些設定
*以Windows為例目前下載的版本為 OBS-MP-0.12.3-With-Browser-Installer
安裝成功後,開啟OBS Multiplatform 在來源點擊新增時就會顯示 BrowserSource(如圖)
3.關於插件的一些設定(如圖)
4.關於進階使用者,官方會提供你一個CSS的表格,讓你可以自己製作屬於自己的CSS。
或是複製使用第八步驟的 CSS樣式中文介紹範例 自行修改
5.插件設定完成
接下來我們要設定OBS
6.點擊來源新增裡BrowserSoource的建立一個新的擷取來源
7.建立來源後相關的設定
8.CSS樣式語法 中文介紹範例 (範例作者雷神小喵喵) [來源於皮克教學]
目前網路上都找的到一些關於CHAT CSS樣式語法的中文介紹
礙於尚未找到作者來源網址,僅附上作者名稱
網址的部分待我日後補上 ((前些日子有找到卻忘了儲存啊啊啊
--------------------------虛線以下複製貼上--------------------------
::-webkit-scrollbar {
visibility: hidden;
}
body {
background-color: rgba(0,0,0,0.0) !important; /*背景,rgba(紅,藍,綠,透明度:0為完全透明)*/
margin: 0px auto;
}
.chat_line {
font-size: 18px !important; /*聊天室文字大小*/
font-family: 微軟正黑體 !important; /*聊天室文字字型*/
font-weight: 900 !important; /*聊天室文字粗細,900為最粗*/
line-height: 1.30em !important; /*聊天室文字行高,1.30倍行高*/
padding: .05em .05em !important; /*聊天室文字與前後段距離,0.05倍行高*/
}
.chat_line .nick {
font-weight: bold;
text-transform: capitalize;
color: #fff;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; /*聊天室 ID 邊框顏色,可以把這段移除不加邊框*/
}
.chat_line .message {
color: #fff;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; /*聊天室文字邊框顏色,可以把這段移除不加邊框*/
}
--------------------------虛線以下複製貼上--------------------------
如果想知道更多資訊
爬爬文是好習慣啊!!!
推薦~~
【皮克】http://tw.pikolive.com/liveteach/ ((☜皮克是好地方啊啊
以上~~~~
Je m'appelle Charlotte.