Description

Combo overlay

Browser based – local file  

Upon install and use, the overlay will display editable sections.

No images used, no plugins to install

Available functionality:

• [top left] – type text element to change content
• [top right] – click the brush icon to open visual Options Panel
• [options panel] – change font color of the text from top left
• [options panel] – plus icon makes the text bigger, minus icon makes text smaller, B icon makes the text bold
• [options panel] – T icon toggles text-box visibility on and off
• – type the text element to change content
• – click any of the colored buttons to change text color
• [options panel] – R icon is used to refresh the page and revert all content back to default
• [options panel] – User icon triggers the bottom horizontal social bar with editable text-based content

Install Instructions

1. Open OBS, click the + button/icon from Sources manager window
2. Select the Browser option from the available options panel
3. Select Local file checkbox , browse button and select the html file provided
4. Set up the width and height of the overlay (it depends on what the overlay is showing)
5. Select the Refresh checkbox
6. Tweak the position of the installed overlay by dragging the red lines or corners
7. To trigger overlay visibility use the eye icon to show or hide

The Interact OBS feature allows interacting with content of the overlay via OBS interface.

Overlay also compatible with SplitCam Software but without Interact functionality

Info

All text-based elements are editable via Interact OBS functionality

All editing is done in real time and it will render in live stream

Upon refresh of the browser source all editing will revert back to default

This overlays is not automatically triggered by external event or action

Resources:

• demo file
• PSD /  SVG files
• documentation