Custom OBS overlay showing editable Tip Menu and Top Tippers along with animated changeable image.

A few key points and features available:

• runs from Local file
• uses Browser as selected source
• can be edited via Interact OBS’s option via interface
• all editing (text/image) are made and rendered in real-time
• no save function

Via Interact OBS option interface My Tip Menu and Top Tippers modals can render in live stream.

✓ Install

Unless you want to dig into source markup for manual editing, all content is editable via OBS interface so let’s start with bringing the overlay into scene first
Install OBS Overlay. We’ll skip the “download OBS” because it’s obvious you need it.
Step by step install process:

1. In Sources management section click the plus icon +
2. Select the Browser option as source. (optional, you can type a name for it)
3. Select/Click the checkbox for Local file
4. Click the Browse button to search for the HTML file required to render the content of the overlay
5. Set the Weight and Height values according to your monitor/screen resolution
6. When you’re done, click the OK button and test the overlay

If you need to make changes, simply click on cog icon ⚙️ and settings for selected source will show up.

Once browser source overlay is visible in Preview window (Studio enabled, Preview window in left, Program or stream in right window) – the stream can display the overlay along with entire broadcast session.

Edit & Use
Change and edit sections:
Right-click on overlay in Preview window or on the active one from Sources manager and select the Interact option

…
▶ Full install and editing process on video

Full documentation and resources available for free download.
Customization and assistance beyond the scope of the documentation file already provided are commercial services (additional fee apply)