OBS Overlay Studio
DocsLog inSign up
ไทยEN

Docs

How to set up an OBS Browser Source and use each module

Set up in OBS

  1. 1Sign up and log in, then open the control panel for the module you want (e.g. /studio/nametag)
  2. 2Scroll down to the "OBS Browser Source URL" field and click "Copy link" — this link carries a token unique to your account, don't share it with anyone
  3. 3In OBS: Sources → + → Browser, then paste the copied URL into the URL field
  4. 4Set Width/Height to match your canvas size, e.g. 1920×1080
  5. 5Untick "Shutdown source when not visible" — otherwise the overlay disconnects every time you switch scenes
  6. 6No chroma key settings needed — the background is already transparent

Repeat for each module you use — each Browser Source is independent, and you can stack several in one scene.

Control it from inside OBS (Custom Browser Dock)

Besides the Browser Sources that show your overlays, you can also pin a compact control panel inside OBS Studio itself — Play/Hide without switching to a separate browser.

  1. 1Log in and go to the home page, then copy the link from the “OBS Custom Browser Dock” box
  2. 2In OBS: Docks → Custom Browser Docks..., give it any name, then paste the copied URL
  3. 3Click Apply — the panel appears in OBS right away. Log in once and it stays logged in after that.

All modules

Name tag

Introduce a guest's name/title, with a logo/photo and ready-made frames

Ticker

Scrolling text at the bottom of the screen, good for announcements or welcome messages

Clock/timer

3 modes in one: current time, countdown, and stopwatch

Comments

A queue of viewer comments — play them one at a time or auto-advance

Scoreboard

Score, teams, and match time, with a live event log

Sponsors

A logo strip for partners, clients, brands, and sponsors, in a scrolling ticker or rotating slider

Layer Editor

Build your own freeform overlay — additive alongside the 5 core modules, not a replacement

How it works

  • • Every change from the control panel broadcasts over WebSocket to every open overlay instantly, no refresh needed.
  • • State is saved automatically — restarting the server doesn't lose your data.
  • • Countdown/stopwatch time is computed on the overlay side from a timestamp, not counted directly from the server, so it stays smooth even over a laggy connection.
  • • Every account's data, uploaded files, and projects are kept completely separate.