Overlay
A node that renders the two strings Title Text and Artist Text as HTML in an internal WebView and outputs the result as video. It is built around the use case of connecting the output of Shazam or LipSync to display the name of the track currently playing.
The appearance can be replaced wholesale with Custom CSS in the Control UI. The HTML structure is fixed — just two divs, .title and .artist, inside .container — and the default CSS is white text on a black background (title 72px bold, artist 48px). “Reset CSS to Default” restores the defaults.
- The output is a RenderTexture at the global resolution
- Strings are HTML-escaped before being embedded
This node requires a license for the official plugin Web Modules. If you add it without a license, a dialog asks whether to open the purchase page, and the node is deleted.
The background is not transparent. In addition to the default CSS having a black background, the camera used for rendering also clears to black.
Input ports
| Port ID | Type |
|---|---|
Title Text | string |
Artist Text | string |
Output ports
| Port ID | Type |
|---|---|
Render Texture | RenderTexture |
Scriptable members
| Path | Type |
|---|---|
titleInput | string |
artistInput | string |
title | string |
artist | string |
customCSS | string |
Synapse Apps (scripting)
await synapse.modules.create({ type: "TextOverlay" })
