Battle Randomizer Widget

Cases Widget

Show your latest battle randomizer cases live on stream

How it works

  • On the main randomizer page, scroll to the bottom and click the semi-transparent Admin button, then enter the password to enable widget sync.
  • Once connected, every spin pushes the game mode, players, and cases to the server — the widget reads it live on any browser or OBS source.
  • Each new spin automatically updates the widget — no refresh needed. Spins stop syncing if the randomizer tab is closed or you disconnect.

Add to OBS

  1. 1.Open OBS Studio and select your scene.
  2. 2.Click the + button in the Sources panel → choose "Browser".
  3. 3.Name it "Cases Widget".
  4. 4.Paste the URL below into the URL field.
  5. 5.Set Width to 360 and Height to 360.
  6. 6.Check "Refresh browser when scene becomes active" (optional).
  7. 7.Click OK — the widget will appear showing your latest battle result.

Browser Source

Shows the latest battle's mode, players & cases

URL
https://headedbattle.base44.app/case-widget.html
Width
360
Height
360
The widget has a transparent background — only the result box shows on stream.

🔒 Admin-gated sync

The widget pulls the latest battle straight from the server, so it works across any browser or OBS source — no same-browser requirement. Battles only appear when the Admin button on the randomizer page is connected with the password, so keep that tab open while streaming.

headedbattle.base44.app · DON'T FORGET TO USE CODE HEADED 🎉