---
title: Showing stream chat in OBS
visibility: public
glu:
 - bash
 - bash run.sh
---

Firstly, make sure you're using the latest version of OBS. On any Ubuntu-based distribution, the correct approach (or at least my preferred is the PPA).

```bash
# run.sh
# Per https://obsproject.com/download#linux

sudo add-apt-repository ppa:obsproject/obs-studio
sudo apt update
sudo apt install ffmpeg obs-studio
```

Next, in whatever scene you want, create a Browser source. This is why you need a recent-ish version of OBS! You'll want a URL like this, with your own channel name substituted: `https://www.twitch.tv/popout/maddiem4codes/chat?popout=`

Also, custom CSS along the following lines:

```css
/* custom.css */

body {
  margin: 0px auto;
  overflow: hidden;
  --color-background-body: #0000;
  --color-background-base: #FF00CBA3;
  --color-text-base: white;
}

.chat-room {
  background-color: rgba(0,0,0,0.9) !important;
}
```

You may need to right-click and pick "Interact" in order to close various noxious elements. Tweak and size to taste. SHIFT+ALT to crop.