Time Overlay guide
Add a transparent Time Overlay countdown for a Twitch stream
Twitch overlays need to read on top of busy gameplay or webcam scenes. A WebM (with alpha) export from Time Overlay drops straight into your streaming software as a transparent Media Source. PNG sequence is the alternate path when you want frame-perfect loops or maximum visual quality.
Recommended Time Overlay export: WebM (with alpha) for streaming software. PNG sequence when quality matters more than file size.
Step 01
Pick a duration that matches the scene transition
BRB scenes usually want 60 to 180 seconds. Pre-stream countdowns can run 5 to 10 minutes. Test with the default 30s, then dial in the exact length for your routine.
Step 02
Export WebM with alpha
Choose a style preset that fits your stream aesthetic, then export 'WebM (with alpha)' from the export panel.
Step 03
Add to OBS, Streamlabs, or Twitch Studio
Add a Media Source. Point it at the downloaded WebM. Enable Loop if the countdown should restart. Resize the source so the timer is readable but does not block your face cam.
Step 04
Test with a local recording before going live
Start a local OBS recording for 30 seconds. Confirm the alpha is preserved and the readability holds at your stream bitrate. Adjust opacity or position as needed.
Time Overlay tips
If your streaming software lags on WebM playback, fall back to PNG sequence routed through an Image Slideshow Source. The transparency is identical and the CPU load shifts to image decoding, which most systems handle more predictably under live load.