OBS真的很難懂 = =
有神人大大可以教我設定聊天室嗎?
同時也有3部Youtube影片,追蹤數超過2,570的網紅翔龍,也在其Youtube影片中提到,這是有關於OBS Studio最新版本的教學 初學者可以看此影片來設定 ✮免費訂閱YouTube頻道接收最新影片消息✮:http://bit.ly/2ogLB2R ♥FB專頁♥:https://www.facebook.com/XiangLong81315/ ♥Twitch直播台♥:https://...
「obs設定聊天室」的推薦目錄:
- 關於obs設定聊天室 在 實況主虞姬Gigi Facebook 的最佳貼文
- 關於obs設定聊天室 在 喬寶 Facebook 的最讚貼文
- 關於obs設定聊天室 在 翔龍 Youtube 的最佳貼文
- 關於obs設定聊天室 在 喬寶 Ciaobao Youtube 的最讚貼文
- 關於obs設定聊天室 在 翔龍 Youtube 的最佳解答
- 關於obs設定聊天室 在 [技術] Hitbox聊天室自訂字型擷取- 看板Live 的評價
- 關於obs設定聊天室 在 同時把聊天室的內容放到直播畫面裡面,並且改為透明的背景! 的評價
- 關於obs設定聊天室 在 OBS 小教室#1 最新版本 設定、截取、聊天室完整 ... - YouTube 的評價
- 關於obs設定聊天室 在 【OBS】透過Streamlabs 打造與觀眾互動的聊天室與訂閱資訊 的評價
- 關於obs設定聊天室 在 如何使用OBS 與YouTube 進行課堂直播 - NTU COOL 的評價
- 關於obs設定聊天室 在 在OBS實況中插入YouTube聊天室 - 小學霸 的評價
- 關於obs設定聊天室 在 關於Streamlabs OBS | Facebook Business 使用說明 的評價
- 關於obs設定聊天室 在 善用YouTube 直播,即時與觀眾互動 - T客邦 的評價
- 關於obs設定聊天室 在 OBS分享EP4 如何用OBS在Youtube上直播,同時把聊天室的 ... 的評價
- 關於obs設定聊天室 在 【OBS聊天室設定】5分鐘讓你學會聊天室置入OBS - YouTube 的評價
- 關於obs設定聊天室 在 找obs youtube直播設定相關社群貼文資訊 的評價
- 關於obs設定聊天室 在 聊天室的基本概念- YouTube說明 的評價
- 關於obs設定聊天室 在 楓焰的實況世界twitch youtube直播教學 - عبد واب 的評價
- 關於obs設定聊天室 在 Day 4 - 研究OBS 顯示Facebook 聊天室 - 悠尼爾的部落格 的評價
- 關於obs設定聊天室 在 「Soobi線上課」0603 - OBS串流Youtube直播教學 - 政大開放 ... 的評價
- 關於obs設定聊天室 在 youtube obs 設定 - Mariposa 的評價
- 關於obs設定聊天室 在 OBS Studio 最新版設定...| 翔龍頻道 - YTer影音全集 的評價
- 關於obs設定聊天室 在 善用YouTube 直播,即時與觀眾互動| T客邦 的評價
- 關於obs設定聊天室 在 找youtube直播obs相關社群貼文資訊 的評價
- 關於obs設定聊天室 在 obs 聊天室語法【影音】youtube聊天室css - Uvyo 的評價
- 關於obs設定聊天室 在 youtube 聊天室 的評價
- 關於obs設定聊天室 在 我也要當 YouTuber(第二版):百萬粉絲網紅不能說的秘密 - 拍片、剪輯、直播與宣傳實戰大揭密(電子書) 的評價
obs設定聊天室 在 喬寶 Facebook 的最讚貼文
【喬寶】實況主速成班P2│手機實況&擷取│OBS設定│聊天室等教學
訂閱我的頻道: https://goo.gl/wWDrPU
===========================================
第一部詳細教學 : https://youtu.be/pAbHfyA48Eo
Streamlabs連結 : https://streamlabs.com/
Nginx下載 : https://mega.nz/#F!YcoTTDpT!xp6-7jccm...
===========================================
觀看更多 喬寶 CiaoBao
►Facebook:https://www.facebook.com/CIAOBAO1201/
►Twitch:https://www.twitch.tv/a851201ass
►Youtube:https://goo.gl/wWDrPU
===========================================
平常我也會上傳很多遊戲的遊玩日常
如果你們喜歡我的影片的話
記得點個喜歡跟分享唷
也不要忘記訂閱我的頻道唷~
obs設定聊天室 在 翔龍 Youtube 的最佳貼文
這是有關於OBS Studio最新版本的教學
初學者可以看此影片來設定
✮免費訂閱YouTube頻道接收最新影片消息✮:http://bit.ly/2ogLB2R
♥FB專頁♥:https://www.facebook.com/XiangLong81315/
♥Twitch直播台♥:https://www.twitch.tv/lilin81315
➽如果你喜歡遊戲,歡迎在底下留言一同交流、分享遊戲資訊
➽如果為遊戲廠商或作者,歡迎洽談合作
➽電子郵件:lilin8440@gmail.com
![post-title](https://i.ytimg.com/vi/v0423hc2hKI/hqdefault.jpg)
obs設定聊天室 在 喬寶 Ciaobao Youtube 的最讚貼文
訂閱我的頻道: https://goo.gl/wWDrPU
==================================================
第一部詳細教學 : https://youtu.be/pAbHfyA48Eo
Streamlabs連結 : https://streamlabs.com/
Nginx下載 : https://mega.nz/#F!YcoTTDpT!xp6-7jccm...
==================================================
觀看更多 喬寶 CiaoBao
►Facebook:https://www.facebook.com/CIAOBAO1201/
►Twitch:https://www.twitch.tv/a851201ass
►Youtube:https://goo.gl/wWDrPU
==================================================
平常我也會上傳很多遊戲的遊玩日常
如果你們喜歡我的影片的話
記得點個喜歡跟分享唷
也不要忘記訂閱我的頻道唷~
![post-title](https://i.ytimg.com/vi/sdGWJjTTU3g/hqdefault.jpg)
obs設定聊天室 在 翔龍 Youtube 的最佳解答
CSS出處網址:https://chatv2.septapus.com/
這是有關於OBS Studio最新版本的教學
初學者可以看此影片來設定
【翔龍實況】
Twitch直播台-http://zh-tw.twitch.tv/lilin81315
FB粉屍專業-https://www.facebook.com/XiangLong81315/
![post-title](https://i.ytimg.com/vi/zzIFiPjPU0E/hqdefault.jpg)
obs設定聊天室 在 [技術] Hitbox聊天室自訂字型擷取- 看板Live 的推薦與評價
1/13 更新CSS:有時間戳記,字體描邊更清晰 https://pastebin.com/QQg5M5r5
有圖有真相:
1/13 目前有兩個人回報裝上CLR套件之後OBS會無法啟動,
解法為安裝 Microsoft .NET Framework 4.5 https://goo.gl/CMNjh
(這東西其實好像不是必要的,我自己沒有裝,)
但是目前有三個人裝了之後解決問題)
1/12 更新CSS:有時間戳記 https://pastebin.com/s1xGAVbE
1/12 更新CSS:無時間戳記 https://pastebin.com/JMWSxbtH
1/09 修正:去除聊天室右邊的白線
好讀版 https://disp.cc/b/27-79uz
首先,有圖有真相。
由於最近Twitch加長了延遲時間,有一些Twitch實況主開始嘗試移動到Hitbox上
進行實況。然而,Hitbox的聊天室並不是用IRC協議,所以以往我們在Twitch/Justin
可以處理的自訂聊天室沒辦法用在Hitbox上。直覺上我們可以去擷取聊天室,甚至對
他去背景,但是這不是一個好方法。網頁聊天室的字型和大小都綁在瀏覽器裡面,要
調整的話,牽一髮動全身,平常看的其他東西也會一起改變;不調整的話,小小的字
型經過H264壓縮之後就糊成一團。
由於聽到不少人反應沒IRC的痛苦,所以就花了些時間來研究心儀已久的CLR套件
,這東西就是在你的OBS裡面裝好一整個瀏覽器!這實在是太豪邁了...這個套件一開
始出來的時候大家想到的用途是讓OBS可以支援Flash,不過後來BetterTTV的作者
Night架好了用他截取Twitch官方聊天室的方法。我的直覺是,同一套玩法也可以拿
來截取Hitbox聊天室;直接用正確大小的CLR瀏覽器打開Hitbox的Popout聊天室,同
時利用自訂CSS的功能來更改版面還有字型的樣式,如此一來,Hitbox實況主也能夠
在OBS中適當的安排聊天室的版面。
--------
安裝
Faruton's CLR Browser Source Plugin (出處 https://goo.gl/EfpacV )
本文撰寫時,當前核心版本:Chromium 31.0.1621.0
請依照你使用的OBS版本來下載。
(打不開7z的話,請下載免費的7-zip https://www.7-zip.org/ )
(64bit) https://goo.gl/A5qWrN
(32bit) https://goo.gl/KsoQD1
將檔案解壓縮到OBS路徑下的plugins資料夾中,然後打開OBS,安裝完成。
如果裝上套件,打開OBS就Crash掉─請裝.NET Framework4.5 https://goo.gl/CMNjh
(這東西好像不是必要的,我自己沒有裝,)
(但是目前有三個人裝了之後解決問題。)
--------
使用
安裝完成之後,在OBS裡面的"來源"區域,點選右鍵,選擇"CLR Browser",
取一個好認的名字,然後進入設定。
General (一般)
要注意的點只有三個:
(1) URL輸入popout聊天室的位址,
例如如果是我(append)的聊天室,
URL就是 https://www.hitbox.tv/embedchat/append
請把它改成你想看到的聊天室的ID。
(2) Dimensions可以讓你設定這整個瀏覽器的尺寸,
請選個你喜歡的,而且合適的大小;
例如我通常會把基本解析度設定在960x540,
而我玩的遊戲大多是4:3的,會佔720x540,
這樣就可以讓聊天室佔滿剩下的空間 240x540
於是,Width(寬度)填上240,Height(高度)填上540。
(3) Opacity "不透明度"
請直接把他推到最右邊。這個東西是"整個瀏覽器的不透明度",
如果哪天你想讓字也一起變的半透明再來考慮調整這個。
這裡就是重點啦。自訂CSS的功能可以更改版面還有字型的樣式。
總之我們可以複製貼上,然後安心按下確定。
CSS碼請看這裡 https://pastebin.com/JMWSxbtH
================
╭─────── 看不懂就算了的框框 ─── 我會複製貼上我超強 ──────╮
│ │
│ 這邊仍然對細節稍做解釋。 │
│ │
│ body { │
│ background-color: rgba(0,0,0,0.5) !important; │
│ /*這是背景顏色,rgba(紅,綠,藍,透明度) */ │
│ /*RGB可以分別從0~255,如果不清楚的話就打開小畫家查*/ │
│ /*透明度: 0是完全透明,1是完全不透明。 */ │
│ /*所以像例子中的0.5就是用半透明的黑底。 */ │
│ } │
│ │
│ /*想要改字型大小顏色的可以注意這部分/* │
│ .chatBody li, .chatBody li.admin, .chatBody li.user, .chatBody .name{ │
│ font-size: 24px !important; /*文字大小*/ │
│ font-family: 微軟正黑體 !important; /*文字字型*/ │
│ font-weight: 900 !important; /*文字粗細,900最粗,100最細*/ │
│ line-height: 1.05em !important; /*聊天室文字行高*/ │
│ padding: .05em .05em !important; /*與前後段距離*/ │
│ /*這邊使用的單位em就是行高,會自動跟著fontsize變化*/ │
│ } │
│ │
│ .chatBody li, .chatBody li.admin, .chatBody li.user { │
│ color: white; /*聊天室文字顏色*/ │
│ /*如果想自訂顏色也可以用 */ │
│ /*color: rgb(255,255,0) 像這樣就是黃色 */ │
│ background-color: transparent !important; │
│ /*聊天室admin和mod的背景,設定為透明避免干擾*/ │
│ } │
│ /*其他以下原則上都不用動*/ │
│ │ │
╰─────── 看不懂就算了的框框 ─── 我會複製貼上我超強 ──────╯
效果在最上面看過了,不過我們這邊提供三種透明度的版本。
rgba(0,0,0,0) 完全透明
rgba(0,0,0,0.5) 半透明
rgba(0,0,0,1) 完全不透明
--------
結語
Hitbox聊天室...嘛,作為一個十月才剛成立的平台來說,三天兩頭發生一些bug
好像沒辦法怪他太多。事實上從他們的Twitter可以知道他們正在寫新版的聊天室,
所以上面這個CSS很可能會在他們更新聊天室的時候就失效了。然而,要用的套件仍
然是同一個CLR瀏覽器套件,所以如果新版的聊天室上線了,我會試著盡快釋出新版
的CSS來複製貼上。
其實這是我生平第一次寫CSS,我畢竟不是做這行的,從來沒學過,所以有點難
上手。...如果有哪個地方寫得不好或是根本不對的,也請指正。當然,如果哪邊寫
的不夠清楚,或是哪邊執行上有問題的,或是Hitbox突然很神速的更新聊天室所以
不能用了,也都請順便回報,讓我對這篇文章做進一步的修正。
Append. 2014.01.09. 00:18 a.m. UTC(+0)
--
███◣ ◢██◣ ◢██◣ █ ◢█ ◣ ◢ ◢██◣ ◣ █
█ ██ █ ██ █ ██ █◢█◤ █◣◢█ █ ██ █◣ █
█ ██ █ ██ █ ██◤ ████ █ ██ ██◣█ @ ptt.cc
███◤ █ ██ █ ██◣ █◥◤█ ████ ████
█◥█◣ █ ██ █ ██ █◥█◣ █ █ █ ██ █◥██ 鴉片(Append)
█ ◥█ ◥██◤ ◥██◤ █ ◥█ █ █ █ ██ █ ◥█twitch.tv/append
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 176.251.120.12
※ 編輯: Append 來自: 176.251.120.12 (01/09 08:31)
***1/12更新*** 時間戳記版CSS https://pastebin.com/s1xGAVbE
※ 編輯: Append 來自: 176.251.120.12 (01/10 01:07)
※ 編輯: Append 來自: 176.251.120.12 (01/14 01:38)
... <看更多>