Skip to main content

Connecting to OBS

Widget URL​

Click Copy widget URL in the editor's top bar. The link looks like this:

https://jeetbot.cc/widget/modalerts/JWQaLW2
Owner only

The copy button and the regenerate icon are available only to the channel owner.

If the link has leaked, click the refresh icon next to the button ("Regenerate widget URL"). The old link stops working and you have to paste the new one into OBS.

OBS source​

  1. In OBS, click + on the scene you need and choose Browser.
  2. Paste the link into URL and set the scene width and height (usually 1920×1080).
  3. Click OK.

Whatever you change in the editor shows up in OBS right away. You can add the same widget to several scenes and it shows the same thing everywhere. To show a component only on certain scenes, bind it to a scene in the properties panel (this needs OBS WebSocket).

Connect OBS WebSocket​

WebSocket is needed for features where the editor has to control OBS itself: your own widgets by URL, importing OBS sources, binding components to scenes and switching scenes. Text, images, video, the timer and the QR code work without it.

  1. In OBS open Tools → WebSocket Server Settings, enable the server and optionally set a password. The default port is 4455.
  2. In the editor click the OBS button in the top bar.
  3. In the OBS WebSocket Settings window enter the address (default ws://localhost:4455) and the password, if any.
  4. Click Enable & Save.

OBS WebSocket settings

The connection is made by the widget that is open in OBS, so localhost means the computer running OBS. Until the widget is added to OBS as a browser source, the button shows that the widget is not connected. When everything works, the toolbar gets the "Add widget", "Import from OBS" and "Switch scene" buttons.

Who can configure

Only the channel owner changes the OBS settings. Moderators see a message saying so.