41Overlay renderer
Overlay renderer
The renderer behind the OBS page, the editor canvas and the list thumbnails. Everything it loads (pictures, the widget sandbox, fonts) comes from a RenderHost; here the host is the demo's: generated art as data URIs, and the BRB card's code running in the real sandboxed frame.
Just Chatting: output The OBS page's mode, with live state and data. Live state popped the follow alert (hidden in the design) with the pop transition; chat and the follow come from the live data.
BRB: output A custom widget (kind widget-hb-brb-card) hosted in a sandboxed frame. It reads the paused BRB timer from the live data and shows 04:32.
No widget errors.
BRB: editor canvas The custom widget in the editor: the frame is inert (clicks reach the canvas) and the card shows the widget's own sample data.
Editor canvas Hidden elements are drawn ghosted (the follow alert), empty chat shows sample lines, media never plays unmuted. Turn on parts to outline what custom CSS can reach.
Thumbnails The overlays list's cards: designed state only, no motion, widget frames loaded lazily.