Contact Us

Display a Webpage in Livestream Studio

Beginning with version 5.2, Livestream Studio allows you to display and interact with a webpage within the graphics overlay module.

In a GFX tab, select Create Custom Graphic, then select New Layer.

Open the GFX Designer for the blank layer you just created.

At the bottom of the window, select the webpage icon.

A webpage graphic will appear and fill the entirety of the GFX canvas. By default, it will show

At this time, any audio from the webpage will not be heard in Studio.

With the webpage selected, click the gearwheel icon in the corner to change the URL. You can also adjust the size of the webpage graphic.

Selecting the Interact option will open a new window in Studio and allow you to navigate the site just as you would in a normal browser, including scrolling, clicking on links to other pages, and typing into text fields.

Note the upper right corner of this window includes a </> button. Selecting this button will open a CSS editor that will allow you to change the appearance of the webpage in Studio. Be sure to click Save when you're done.

You can now mix your webpage into your production as you would with any other graphic.

Have more questions? Submit a request