How to add YouTube live chat to OBS

Step by step

1. Step 1

   Start (or schedule) your YouTube live stream

   Open YouTube Studio → Go Live, or open your scheduled stream page. You'll only see the chat popout option once the stream exists.

   Live chat⋮

   viewer_42: pog

   sakura_chan: hi ✿

   Popout chat ↗

   Hide chat

   Copy the URL

   youtube.com/live_chat?v=…
2. Step 2

   Grab the popout chat URL

   Above the chat, click the ⋮ menu → Popout chat. A new window opens. Copy its full URL — it looks like youtube.com/live_chat?is_popout=1&v=YOUR_VIDEO_ID.

   OBS · Sources

   Game Capture

   Webcam

   + Browser Source

   Properties

   URL

   popout chat URL

   Width

   420

   Height

   720
3. Step 3

   Create a Browser Source in OBS

   Sources → + → Browser. Paste the popout URL. Recommended size: 420 wide × 720 tall for a sidebar chat.

   Custom CSS

   Chatto → Export → Copy CSS

   .yt-live-chat-text-message, .chat-line__message {
     background: rgba(20,15,20,0.6);
     border: 1px solid #ff9ec7;
     border-radius: 14px;
     animation: fade-in .42s;
   }

4. Step 4

   Paste Chatto's CSS into Custom CSS

   In Chatto Studio, click Export → Copy CSS. Back in OBS, scroll the Browser Source properties to Custom CSS and paste. Click OK. Chat now matches your scene.

   Custom CSS

   Chatto → Export → Copy CSS

   .yt-live-chat-text-message, .chat-line__message {
     background: rgba(20,15,20,0.6);
     border: 1px solid #ff9ec7;
     border-radius: 14px;
     animation: fade-in .42s;
   }

Frequently asked