Costa ChatSTREAM TOGETHER
Opening your workspace…

COSTA CHAT STUDIO

Your overlay preview

Style your chat. Bring your stream to life.

Stream setup Connect · Camera · OBS0 of 3 checked
  1. 1

    Connect chat

    Connect your bridge, then send a real message from your stream chat.

    Waiting for a chat connection
  2. 2

    Prepare your camera

    Remove your camera background in OBS so chat can pass behind your outline.

  3. 3

    Add your OBS layers

    Front chat above your camera cutout. Back chat below it.

Camera and OBS checks are your confirmation. Sample preview does not verify live chat.

Open full studio
SAMPLE PREVIEW1920 × 1080 / 16:9
+YOUR
CAMERABACKGROUND REMOVEDSUBJECT LAYER
Behind youIn front

Sample chat stays in this preview. Your saved style updates OBS automatically.

LIVE CONTROLSUpdates your OBS scene
Hype settings
Returns to your previous look

Spotlight a viewer

Select a live message, then feature it now or add it to your queue.

Up next 0 / 8

Add a message to line up your next moment.

Your live messages will appear here. Sample messages stay in the preview.

Spotlight uses your preferred position, then another clear position if a safe zone blocks it.

Keyboard shortcuts: Alt + Shift + 1–4 while this panel is focused.

Your OBS layer stack

TOP → BOTTOM
  1. 1Front chatBROWSER
  2. 2Your camera cutoutCAMERA
  3. 3Back chatBROWSER
  4. 4Game, scene or full cameraSCENE
How to remove your camera background ↗

Four chats. One stream.

Not connected
TwitchNo message yet
KickNo message yet
YouTubeNo message yet
TikTokNo message yet

Last message received by this widget. A quiet channel may still be connected.

TAKE IT LIVE

Add your two layers.

Create two Browser sources in OBS. Set both to 1920 × 1080, or the size of your OBS canvas. The background is transparent.

○ Online workspace connected
○ Chat bridge connected

Keep these links private. The studio and dock links control your overlay; OBS links display its chat. To share Costa Chat with friends, share the website address without anything after #.

Keep this studio or your connected dock open.

No Costa Chat app is needed. Keep Streamer.bot and TikFinity running on the same computer as the connected studio. If your OBS dock cannot reach them, leave the studio open in Chrome. Turn off “Shutdown source when not visible” in both sources.

Changes here update both sources automatically. Put your camera cutout above Back chat; an opaque camera will hide anything behind it.

Full setup guide ↗

STEP 2

Make space behind you.

Your camera needs a transparent background in OBS. Costa Chat does not upload or process your camera.

  1. Green screen: in OBS, right-click your camera → Filters → Effect Filters → Chroma Key. Adjust until the screen disappears.
  2. No green screen: use a background-removal filter compatible with your OBS version and computer. The full guide links to an option and explains setup.
  3. Place your cutout between Back chat and Front chat. If you want your room visible, keep an unfiltered camera below Back chat.
Open camera guide

This is a manual check. Move your head and arms in OBS to check the cutout edges.