LIVESTREAM GRAPHICS

Control Hub
Output Disconnected

Create Lower Third

Upload Full Screen Graphic

No file selected

Configure Full Screen Slideshow

No files selected

Saved Lower Thirds

Uploaded Full Screen Graphics

Configured Slideshows

Lower Third Custom Styles

Background & Accents

#0f172a
92%
#06b6d4
6px

Typography Settings

#ffffff
#06b6d4
28px

Media Layout & Timers

#ffffff
1px
6px
18px
26px

Setup & Integration Guides

Hardware Video Mixer (ATEM) Integration

To overlay these graphics on your live video feed using an ATEM Video Mixer or similar hardware:

  1. Connect a secondary HDMI output from your control computer to an input on the ATEM Mixer.
  2. Click the Launch Output Window button at the top right of this Control Hub.
  3. Drag the newly opened Output Window onto that secondary monitor.
  4. Set the Output Window to full screen (press F11 or click full screen in the browser).
  5. On the ATEM control software, configure a Chroma Key upstream keyer using the source channel of that monitor. Set the chroma color selector to the pure green background.
  6. Toggle the keyer ON AIR. The green background will be keyed out, leaving the overlays floating perfectly over your video!

Software Integration (OBS Studio)

If you are using OBS Studio on the same computer, you can configure it as a Window Capture:

  1. Launch the Output Window.
  2. In OBS, add a new Window Capture source and select the Output Window.
  3. Add a Chroma Key filter to the Window Capture source in OBS. The filter will automatically detect the bright green background and make it transparent.

NDI / Video Background Setup

To use an external video feed (like a camera, ProPresenter output, or NDI feed) directly behind the overlays:

  1. Open the Output Window.
  2. At the top left of the Output Window, a setup overlay is shown. Click Configure NDI / Screen Source.
  3. Select the window you want to capture (e.g. NDI Monitor, ProPresenter Output, or a VLC player).
  4. Click Share. The video stream is now connected.
  5. Open the Control Console from the top header, and toggle the NDI background capture switch to show/hide it on the output.

Remote Network Access (Control Room)

To control graphics from a smartphone, tablet, or another computer on the same Wi-Fi / local network, open this URL on that device:

http://[detecting-ip]:3000/control-room.html

Note: Both devices must be connected to the same local network (Wi-Fi or LAN).

Scan to Open Control Room

Confirm Action