LV. 1
GP 87

【心得】【OBS】CLR Browser 聊天室擷取

樓主 歐小貓 girl0314
GP12 BP-

作者標示-非商業性

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須按照著作人指定的方式表彰其姓名。

【OBS】CLR Browser 聊天室擷取

很多人會想要,實況結束剪精華時,能跟其他實況主一樣有聊天室可以看  
由於本人智商不高,剛開始用這個的時候非常的困擾 (?)
所以我做此教學文,把每個步驟都非常仔細的用出來
希望各位給GP給鼓勵,下次有新玩意兒 再用教學文給大家使用  



首先呢~ 我們先到這個網頁
http://www.nightdev.com/obschat/




1/5 下載~Download


2/5   打上自己實況帳號 在 Username
    http://www.twitch.tv/goodcatbaby  >>  goodcatbaby


3/5     OK  到這個步驟 我們先暫停一下  保留此網頁


再來  尋找你的OBS~ 再把剛剛下載的東西  (下面說明)
                         安裝到 OBS 的 plugins




下載壓縮檔打開 把這兩個臭東西丟進去



會變成 ↓


你的OBS就可以重新打開
CLR Browser   就出現囉



再來設定CLR Browser

拉回去第三步驟
1. 把Hosted URL 的網址貼上 URL
2. Width 600 , Height 300
3. 旁邊那個是透明度 80% 即可




CSS

===================虛線以下複製貼上=======================

  ::-webkit-scrollbar {
  visibility: hidden;
}

body {
    background-color: rgba(0,0,0,0.0) !important; /*背景,rgba(紅,藍,綠,透明度:0為完全透明)*/
    margin: 0px auto;
}

.chat_line {
    font-size: 32px !important; /*聊天室文字大小*/
    font-family: 微軟正白體 !important; /*聊天室文字字型*/
    font-weight: 900 !important; /*聊天室文字粗細,900為最粗*/
    line-height: 1.30em !important; /*聊天室文字行高,1.05倍行高*/
    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://www.twitch.tv/goodcatbaby

YA






12
-
未登入的勇者,要加入討論嗎?
板務人員:

5282 筆精華,06/25 更新
一個月內新增 1
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】