Chapter 16 of 21
Broadcast and alpha channel
How to add the clock as a graphic to a video production (OBS, vMix, XSplit).
- What it is for
- The clock on a transparent background, ready to be overlaid on camera images or a stream. The production software adds it as a “browser” source from the address given by TimerPRO.
- Who can use it
- Video operator; a computer with OBS / vMix on the same network as the TimerPRO computer (or the same computer). Alpha channel — PRO feature.
- Where to find it
- Broadcast tab; alpha channel — Remote Access tab, Alpha Channel card.
1Templates
- 1 Template — 7 ready looks: Minimal, TV Lower Third, Countdown, Circle Timer, Three Circles, Nexus Cyberpunk, Training Timer.
- 2 Template address (to paste into the production software).
- 3 Copy the address to the clipboard.
- 4 Open the template in a browser on this computer.
- 5 Customize — colours, size, position, font (below).
- 6 Steps: Choose → Customize → Copy URL → Go live.
2Customizing a template
- 1 Template settings — depending on the template: colour, size, position, font, time format, shadow.
- 2 Preview Aspect ratio — 16:9, 4:3, 21:9 or custom.
- 3 Set position by clicking — click in the preview where the clock should be (or drag it with the mouse).
- 4 Template preview.
- 5 Address with your settings — Copy and paste it into the production software.
- 6 Defaults and Close.
3Template on air
- This is the Circle Timer template opened from its address (on a black background in the screenshot) — in the production software the background is transparent.
- The template refreshes by itself when the time in TimerPRO changes.
4OBS, vMix, XSplit
- OBS Studio: Add a new Browser Source; Copy the URL from a template above; Set Width 1920, Height 1080; Enable “Shutdown source when not visible”; Click OK — the timer appears with a transparent background.
- vMix: Add Input → Web Browser; Paste the URL from a template above; Set the resolution to match your production; The template refreshes automatically when the timer changes.
- XSplit: Add Source → Webpage; Enter the URL from a template; Adjust size and position as needed; Use Chroma Key if needed (usually not necessary).
5Alpha channel
- The alpha channel is the clock on a transparent background — address in the Remote Access tab, Alpha Channel card; the Settings button opens this window.
- 1 Clock color and 2 Font family.
- 3 Show message — speaker messages in the graphic too.
- 4 Preview.
- 5 Apply & Save.
Next: Clock appearance · Remote access
