Getting Started
Stream Graphics Generator creates customizable countdown timers and overlay slates for live streaming. It provides a browser-based source that you add directly to OBS Studio (or any RTMP encoder that supports browser sources), with 10 built-in themes and adjustable countdowns. Available as an open web service in Eyevinn Open Source Cloud.
Prerequisites
- If you have not already done so, sign up for an Eyevinn OSC account
- OBS Studio or another streaming tool that supports browser sources
Step 1: Create a Stream Graphics Generator instance
Navigate to the Stream Graphics Generator page in the OSC web console and click Create stream-gfx. Fill in:
- Name: a unique name for your instance (e.g.
mystreamgfx)
Click Create and wait for the status indicator to turn green.
Step 2: Add a browser source in OBS
- In OBS Studio, click the + button in the Sources panel and choose Browser.
- Give the source a name (e.g.
Countdown). - Set the URL to your instance URL, for example:
https://<instance-url>/countdown?theme=1&minutes=5 - Set Width and Height to match your stream resolution (e.g. 1920 × 1080).
- Click OK. The countdown overlay appears immediately in your scene.
Selecting a theme
Append ?theme=<number> to the URL to choose one of the 10 built-in themes (1–10):
https://<instance-url>/countdown?theme=3&minutes=10
Preview all themes at:
https://<instance-url>/
Available overlays
| Path | Description |
|---|---|
/countdown?minutes=N&theme=N |
Full-screen countdown timer |
/slate?theme=N |
Static "Starting soon" / "Be right back" slate |
CLI usage
osc create birme-stream-gfx mystreamgfx