Docs navigation
HTML Overlay
The HTML Overlay element renders a live website directly on top of your video stream. Use it to add dynamic content such as animations, widgets, motion graphics, chat overlays, or sports scoreboards to your broadcast.
How it works
Set the HTML body's background color to transparent and the overlay blends seamlessly with your stream, letting the video remain visible behind the web content. Any URL-accessible website or local overlay tool can be loaded as long as it renders correctly in a headless browser environment.
Settings
Website URL to load in the overlay browser.
Fill the full stream frame. Disable to use custom size and position settings instead.
Adjust the browser window size and position from the top-left corner. Default frame sizes are 1920×1080 for horizontal and 1080×1920 for vertical streaming.
Toggle the overlay on or off while streaming. Use this to show occasional ads or temporary graphics when away from the keyboard.
Mute or unmute audio from the HTML overlay.
Advanced settings
Delay HTML rendering to sync with video latency (in milliseconds, e.g. 1000 = 1 second, max 4000). Useful for sports streaming where score updates in a scoreboard overlay would otherwise appear before the goal is visible on stream due to encoding latency.
Amplification of the audio signal in percent. 100 = no change, 50 = half volume, 200 = double volume.
Join Streamrun Discord