OBS · Overlays
Browser-source URLs you can drop into OBS. Each overlay is a full-page React component that reads live state from the logger and renders against a transparent background.
Test data Overlay
Live test stats, timer, voltage, predictions. Lower-third layout tied to the currently running test.
/obs/overlay/liveOBS: Add Source → Browser → paste URL → 1920x1080
Preview
OBS Setup
1. In OBS: Sources → + → Browser
2. Paste the overlay URL above
3. Set width: 1920, height: 1080
4. The overlay auto-updates every 3 seconds — no refresh needed
5. Transparent background composites directly over your camera/scene
Per-Test Overlays
Point OBS at a specific test (useful for replays or multi-test streams):
All Overlay URLs
Test clock
/obs/overlay/testTest data
/obs/overlay/liveVoltage chyron
/obs/overlay/voltageLower-third
/obs/overlay/lower-thirdBuild
/obs/overlay/buildLogo
/obs/overlay/logoBRB
/obs/overlay/brbIntro / outro
/obs/overlay/introOffline
/obs/overlay/offline