LV. 2
GP 1

【情報】適用 OBS Multiplatform 聊天室擷取插件(新版OBS)

樓主 Charlotte misaki19804
--文章同步於小屋--  [[圖檔皆為親自製作請勿盜圖]]

前陣子正為了新版的OBS聊天室擷取煩惱不已
爬爬文找到的幾乎都是舊版OBS的資料
一整個很失落啊

正打算要放棄的時候,皇天不負苦心人(?
相信很多人都知道KapCHAT擷取插件的方便好用。
昨天在嘗試的時候,意外的發現新大陸啊,
此插件目前已經可以支援了OBS MP版 ((大發

以下進入正題~~~

1.首先前往 KapChat 官網進行下載


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/      ((☜皮克是好地方啊啊

以上~~~~

如果喜歡~可以推推文或留言跟我一起討論唷! :D

Je m'appelle Charlotte.
板務人員: