In the latest version, besides the Countdown control feature, Live Now also introduces a powerful new feature – Interactive Web Page Overlay – allowing streamers to add and interact with a website directly on their live stream. Viewers can see every action performed on the webpage, such as clicking buttons, filling out forms, playing web-based game, and more.
This feature provides unlimited flexibility, as there are no restrictions on which websites you can open. However, note that this feature is currently available only in Stream Camera mode on iOS.
How to Add and Use Interactive Web Page Overlay
Adding a Web Page Overlay
To add an interactive web page overlay to your live stream, please follow the below steps.
1. Select Stream Camera mode > Tap Overlay > Choose Custom Overlay. Tap the + button to create a new overlay.
2. Swipe right and select URL. Enter the URL of the webpage you want to display and click Save.
The URL must start with http:// or https://. (For example, entering https://www.google.com will display the webpage, but entering www.google.com will not work.)
3. Once the webpage overlay appears, adjust its position and size on the screen. The interaction screen will match the width of the overlay.
4. Tap Done > Save > Name your overlay.
How to Interact with the Web Page Overlay
First, to activate the overlay on your stream, simply tap the overlay name. Then. there are two ways to interact with the webpage overlay while live streaming.
1. Long press the overlay name to bring up the interaction screen. Any actions performed on the webpage will be visible to viewers in real time.
2. Tap the Tools icon at the top-right corner of the screen, then select Tools > Web Interaction. Choose the webpage you want to interact with if you have two or more web pages in one overlay.
Common Use Cases
There are many ways to use the interactive web page. It all depends on your needs and creativity. Here are some common use cases.
- Display real-time information such as leaderboards, scores, or statistics.
- Play web-based games with viewers (e.g., Scribble.io, GeoGuessr).
- Run polls, lucky draws, or live voting through interactive web apps.
- Control interactive widgets like chat polls or alert overlays from Streamlabs and StreamElements.
- Annotate, draw, or take notes directly on a webpage for educational or creative streams.
Tips for Using Interactive Web Page Overlay
- Each overlay can contain multiple web pages, but for better stability, it’s recommended to keep only one webpage per overlay.
- The overlay may appear slightly enlarged on your screen due to the Full Screen feature in Settings. While it may look bigger on your device, viewers will see it in its correct size.
- If you want the webpage display to match exactly between your screen and the viewer’s stream, disable Full Screen feature in Settings.
If you experience any issues or need assistance, please contact us at [email protected], and our team will be happy to help!
