ROTATOR

1. Copy the Action Import text from above into your clipboard.

2. In Streamer.bot, click the Import button at the top of the window. Paste the text into the Import String section and press Import at the bottom.

3. Go into the Servers/Clients -> WebSocket Server tab. Check Auto Start WebSocket Server, leave Address at 127.0.0.1 and the Port at 8080. You can set a password if you want, just make sure to leave Enforce All Requests unchecked. Start the server.

Here you can check in real-time if your Websocket server is up and running:

4. Copy the Browser Source URL from above into your clipboard.

5. In OBS, create a new Browser Source, name it whatever you want. Then paste the copied URL into URL and preferably set the Width and Height to your OBS canvas size.

Important Note: If you want to have the widget in multiple scenes, don’t create a second browser source. Instead, use nested scenes or source clones.

6. Back in Streamer.bot, go into the [Event Rotator] Settings action, rightclick the Test trigger and hit Test Trigger. This will open the Settings UI. You can then either directly customize everything you want or you can just hit Save and Exit to test the widget first. Refresh the Browser Source in OBS.

And then you're done Pog Clap