The HTML Overlay element renders a live website directly on top of your video stream. This makes it possible to add dynamic content such as animations, widgets, or motion graphics to your broadcast. By setting the HTML body’s background color to transparent, the overlay blends seamlessly with your stream, letting the video remain visible behind the web content.

Settings

• Overlay URL
  • Website URL to load
• Size and position
  • Size of the browser window and position from the top left corner. Consider frame size when adjusting these values: 1920x1080 for horizontal and 1080x1920 for vertical streaming
• Overlay visibility
  • Toggle HTML overlay's visibility while streaming. For example, show occasional ads or temporary graphics when you're away from the keyboard.
• Overlay audio
  • Set overlay audio to muted or unmuted

Ideas and use cases

Use HTML overlay to add interaction, branding, and timely info to your stream.

• Chat overlays
• Alert
• Custom branding
• Advertisements
• Game clock and score overlays for sports
• Motion graphics

« Back to elements