OBS-Overlays für Kick, Twitch, YouTube und TikTok

Dein Overlay zu OBS hinzufügen

Diese einzelne Quelle zeigt jedes Widget, das du einschaltest, jeweils an seinem eigenen Platz auf einer Bühne von 1920×1080, skaliert auf die Größe der Quelle. Jede 16:9-Größe funktioniert auf dieselbe Weise. Solange nichts passiert, ist nichts sichtbar, die Quelle kann also über deiner Szene bleiben.

1. Öffne Widgets im Dashboard und wähle den Tab „Dein InstiBot-Overlay“.
2. Kopiere die Overlay-URL. Sie ist auf dem Bildschirm unscharf, bis du mit der Maus darüberfährst, weil sie privat ist.
3. Füge in OBS deiner Szene eine Browserquelle hinzu und füge die URL ein. Stelle die Größe auf 1920×1080.
4. Nutze zurück im Dashboard „Auf dem Stream testen“, um einen Test-Follow oder Tip zu senden und zu prüfen, ob er erscheint.

Wählen, was erscheint

Die Liste „Was in deinem Overlay ist“ hat für jedes Widget einen Schalter „Im Overlay anzeigen“ und eine Schaltfläche Konfigurieren. Alerts, Minispiele, Shoutouts, Umfragen, Vorhersagen, die Zuschauer-Warteschlange und die Läuft-gerade-Karte sind standardmäßig an. Das Chat-Overlay, Ziele, Event-Labels, der Subathon-Timer und der Zuschauerzähler sind aus, bis du sie einschaltest.

Änderungen, die du im Dashboard speicherst, erreichen das Overlay sofort; du musst OBS nach dem Bearbeiten eines Widgets nie neu laden.

Der Layout-Editor

Widgets → Layout-Editor zeigt eine Arbeitsfläche von 1920×1080. Ziehe ein Widget, um es zu verschieben, ziehe an seiner Ecke, um die Größe zu ändern, nutze die Pfeiltasten zum Verschieben in kleinen Schritten oder gib genaue Werte für X, Y, Breite, Höhe und Skalierung ein. Die Schaltflächen zum schnellen Platzieren rasten ein Widget mit sicherem Rand an einer Ecke oder einem Rand ein. Schalte „Gespeichertes Overlay im Hintergrund zeigen“ ein, um das Live-Overlay unter deinen Feldern zu sehen.

Alle Minispiele teilen sich eine Zone, weil immer nur ein Spiel auf dem Bildschirm ist. Manche Standardpositionen überschneiden sich, etwa Ziele und Labels oben links, prüfe das Layout also einmal, wenn du neue Widgets einschaltest.

Separate Quellen für einzelne Widgets

Wenn du ein Widget in einer anderen Szene oder mit eigenen Filtern in OBS willst, öffne das Widget, klappe „Erweitert: separate Browser Source“ auf und kopiere die Nur-Widget-URL. Eine reine Widget-Quelle füllt ihre eigene Größe, statt die Bühne von 1920×1080 zu nutzen. Blende dieses Widget im Hauptoverlay aus, sonst erscheint es doppelt.

Die URL privat halten

Die Overlay-URL enthält einen Token, der wie ein Passwort für dein Overlay und deine OBS-Docks funktioniert. Zeige sie nicht im Stream und gib sie nicht weiter. Falls sie durchgesickert ist, drücke neben der URL auf „Neu generieren“: Jede Overlay- und Dock-URL ändert sich auf einmal, und du fügst die neue in OBS ein. Alte URLs funktionieren sofort nicht mehr.

Wenn das Overlay leer bleibt

• Prüfe, ob die ganze URL eingefügt wurde und ob es nicht eine alte aus der Zeit vor dem Klick auf „Neu generieren“ ist. Eine alte oder unvollständige URL lädt, zeigt aber nie etwas an.
• Hänge ?debug=1 an das Ende der URL in einem normalen Browser an: Ein kleines Abzeichen zeigt, ob das Overlay verbunden ist.
• Stelle sicher, dass das Widget unter „Im Overlay anzeigen“ eingeschaltet ist.
• Event-Widgets sind unsichtbar, bis etwas passiert. Sende einen Test über „Auf dem Stream testen“.
• Alerts warten bis zu 2 Minuten darauf, dass sich ein Overlay verbindet, danach werden sie übersprungen. Lass OBS mit geladener Quelle geöffnet, solange du live bist.
• Ist dasselbe Widget in zwei Quellen, wird es in beiden abgespielt.

Fragen

Overlay-Demo