Surf Overlay — Control

connecting

Preview

This is the real output page at 1920×1080, scaled down — not a redraw. What you see here is exactly what OBS is compositing, and it updates the instant you press something rather than waiting on the round trip.

Backdrop

Graphics

AUTO lets each graphic follow its own rule — the UP NEXT bar on its cycle, the next-round board when a round is decided, the podium when a division is. ON / TAKE overrides that and pins it until you hand it back. Only one full-frame graphic can be up at a time; taking one pushes the corner graphics out of the way and brings them back afterwards.

Lower thirds

Editing a name while the card is on air corrects it live. Saved people are shared with whoever else has this page open.

Event

The LiveHeats event ID is the number in the event's own URL — liveheats.com/events/542567. Everything the graphics draw comes from it.

Logos

PNG with transparency works best. Each is resized to 512px and stored with the cue state, so it survives a reload and reaches OBS on its own.

Drop one or more PNGs here, or click to choose

Simulator

Fake data in the exact shape LiveHeats returns, so every graphic runs its real code. Use it to rehearse the whole package on a flat day.

Speed
00:00

Scenario tests

Unattended run-throughs that exercise the transitions end to end. Watch the preview; each step is logged below.