Overlays & Canvas

Ein Overlay ist die Fläche, die in OBS über deinem Stream liegt. In pixl ist das ein Canvas in fester Größe, auf dem du deine Widgets frei platzierst:

Overlay (Canvas 1920×1080px)
├── Counter          Position (20, 20)    Größe 200×80px
├── Timer            Position (20, 120)   Größe 300×80px
└── Custom Widget    Position (800, 500)  Größe 400×200px

Du kannst mehrere Overlays anlegen, zum Beispiel eines pro Szene. Jedes hat seine eigene Overlay-URL und wird separat in OBS eingebunden.

Canvas

Die Canvas-Größe legst du beim Erstellen fest, am besten passend zur Stream-Auflösung. 1920×1080px ist der Standard, andere Presets und freie Größen gehen genauso. Alle Positionen und Größen beziehen sich auf dieses Canvas: Was du im Editor siehst, landet pixelgenau so im Stream.

Das Studio

Im Studio baust du dein Overlay zusammen:

• Widgets hinzufügen über die Sidebar, alle Typen sind unter Studio → Widgets im Detail beschrieben
• Frei anordnen: verschieben, skalieren, rotieren und in der Ebenen-Reihenfolge stapeln
• Konfigurieren über das Settings-Panel, das jedes Widget mitbringt

Live gehen deine Änderungen erst, wenn du sie speicherst, mit Strg + S oder dem Save-Button. Bis dahin kannst du in Ruhe herumprobieren, Undo (Strg + Z) und Redo (Strg + Shift + Z) fangen alles ab.

Vom Canvas in den Stream

Jedes Overlay hat eine Overlay-URL. Entweder ziehst du das Overlay per Drag & Drop aus dem Editor direkt in deine OBS-Szene, oder du kopierst die URL und legst selbst eine Browser Source an. Details dazu im Quickstart.

Willst du das Overlay jemandem zeigen, ohne die echte URL herauszugeben, erstellst du einen Share-Link:

Share-Links zeigen eine reine Vorschau ohne Controls. Läuft einer ab, liefert er eine Fehlerseite, die Overlay-URL bleibt davon unberührt.

Controls-Seite

Zu jedem Overlay gehört eine eigene Controls-Seite im Dashboard. Sie zeigt nur die Bedienelemente der Widgets, ganz ohne Editor:

• Counter: erhöhen, verringern, Wert setzen
• Timer: starten, pausieren, Zeit setzen
• PDF Viewer: vor- und zurückblättern
• Custom Widgets: selbst definierte Controls

Alle Werte aktualisieren sich live, auch wenn mehrere Personen gleichzeitig bedienen. Wer die Controls-Seite sehen darf, steuerst du über die Freigabe. So ändern Mods Werte, ohne je ans Overlay selbst zu kommen.