# Discord Chat on OBS
# 把 Discord 聊天室放上 OBS

其實有很多種方式，比如說
1. [Discord StreamKit](https://streamkit.discord.com/overlay)
2. 視窗擷取 + 濾鏡色彩鍵
3. 安裝 [betterdiscord](https://betterdiscord.app/)，然後用 CSS 去背

而這裡介紹的方式是使用 browser，所以一定可以去背得很漂亮 + 跟原本 Discord 的 layout 一模一樣

缺點是這個相較於視窗擷取，有一點不好互動

## 5/22 更新
其實可以用視窗擷取去背得很漂亮

如果你是用 Discord 深色背景的話，
那你的背景顏色是 `background-primary`(中間) `background-secondary`(左欄
預設是 `#36393f` `#2f3136`

白色背景的話，
那你的背景顏色預設是 `#f2f4f5`(左) `#ebedef`(左下) `#ffffff`(中間)

視窗擷取後 -> 按濾鏡 -> 色彩鍵 -> 自訂色彩 `#36393f` -> 之後直接接 step3

Note: 可以用多個濾鏡濾掉各種顏色

## Step1: Insert a browser
插入瀏覽器 並填好 網址 CSS

### 網址
用網頁版的 Discord ，然後點到你要擷取的頻道後，複製一下網址。
比如說: `https://discord.com/channels/781733274485522432/818090826118332477`

### CSS
最暴力簡單的去背方式就是多這行就好了

* {
  background-color: rgba(0, 0, 0, 0) !important;
}

## Step2: Login
對瀏覽器可以右鍵 -> 互動
然後就可以打字(登入)，按按鈕(點到要擷取的頻道)，滾輪(滑到頻道最底下，讓畫面能持續顯示新訊息)

## step3: Resize
可以按住 ALT + 拖移邊框 就能剪裁了