Back to Overlay Settings

OBS Quick Setup

Connect to OBS and add your HostFabric overlay in seconds

1Connect
2Configure
3Add Source
4Done

Connect to OBS

Make sure OBS is running with WebSocket server enabled

First time? Enable WebSocket in OBS:
  1. Open OBS Studio
  2. Go to Tools → WebSocket Server Settings
  3. Check "Enable WebSocket server"
  4. Set a password (optional but recommended)
  5. Click Apply
  6. If using a password, click "Show Connect Info" to copy it

Check the box above to confirm OBS is running

or set up manually
Copy URL manually

For Streamlabs Desktop or manual OBS setup, copy this URL:

Loading...
OBS Studio:
  1. Sources panel → + → Browser
  2. Paste the URL above
  3. Set width: 1920, height: 1080
Streamlabs Desktop:
  1. Sources → + → Browser Source
  2. Paste the URL above
  3. Set width: 1920, height: 1080

Audio tip: If overlay audio sounds scratchy when OBS/Streamlabs is minimized, open the Browser Source settings and keep "Control audio via OBS" unchecked.

Streamlabs browser source settings example
Go to full overlay settings