// Overlays
Anleitung

Overlay mit Streamer.bot verbinden

Gewinner kassieren automatisch, ganz ohne manuelles Nachbuchen.

Ohne Bot zeigt das Overlay nur an, welcher Befehl abgeschickt werden müsste, und du tippst ihn selbst. Mit Streamer.bot fällt dieser Schritt weg. Gemeint sind die Punkte deines Chatbots, nicht die Twitch-Kanalpunkte.

10 Minuten Fortgeschritten OBS Browser Source

Schritt für Schritt

// So gehts

  1. 01

    Den WebSocket-Server in Streamer.bot starten

    Streamer.bot bringt einen kleinen Server mit, über den andere Programme mit ihm sprechen können. Genau den nutzt das Overlay. Geh in Streamer.bot auf Servers/Clients, dann WebSocket Server, setz Auto-Start auf an, Adresse 127.0.0.1 und Port 8080. Ein Passwort brauchst du für diesen Weg nicht.

  2. 02

    Eine Aktion anlegen, die Nachrichten durchreicht

    In Streamer.bot ist eine Aktion eine benannte Abfolge von Schritten, die du später auslösen kannst. Du brauchst eine, die nichts weiter tut, als eine übergebene Nachricht in den Chat zu schicken. Im Reiter Actions per Rechtsklick eine neue Aktion anlegen und OverlayChat nennen. Rechts daneben per Rechtsklick eine Unteraktion hinzufügen: Twitch, dann Send Message. Als Nachricht trägst du genau %text% ein, mit den Prozentzeichen. Das ist der Platzhalter, in den das Overlay seinen Text einsetzt. Speichern.

  3. 03

    Das Overlay auf Streamer.bot umstellen

    Im Config Hub wählst du unter Verbindung als Bot Streamer.bot aus. Dann trägst du die Adresse ws://127.0.0.1:8080/ ein und darunter den Namen der Aktion aus Schritt 2, also OverlayChat. Ein Klick auf Änderungen übernehmen schreibt beides in die config.js jedes Overlays in deinem Ordner, du machst das also nur einmal. Wer die Datei lieber selbst bearbeitet, setzt dort dieselben drei Werte: outputSource auf streamerbot, streamerbotUrl und streamerbotChatAction.

    Das Verbindungs-Formular im Config Hub: die Kachel Streamer.bot ist gewählt, darunter die Felder Streamer.bot Adresse und Streamer.bot Chat-Action
    Die Kachel Streamer.bot im Config Hub blendet genau die zwei Felder ein, und ws://127.0.0.1:8080/ sowie OverlayChat stehen schon als Vorgabe drin.
  4. 04

    Verbindung prüfen

    Aktualisiere das Overlay in OBS. Wenn in der config.js debug auf true steht, blendet das Overlay oben ein kleines Statusfeld ein. Steht dort streamerbot: armed, ist die Verbindung da. Eine Testrunde zahlt jetzt automatisch aus, und du kannst debug danach wieder ausschalten.

Häufige Fragen

// Kurz erklärt

Warum der Umweg über eine Aktion und nicht einfach ein Passwort?

Weil der direkte Weg in Streamer.bot 1.0.x gesperrt ist. Die Version fragt beim Verbinden kein Passwort mehr ab, blockiert das direkte Senden von Chatnachrichten aber weiterhin. Ein Passwort einzutragen hilft also nicht, weil es nie abgefragt wird. Der Weg über die Aktion braucht keine Anmeldung und funktioniert.

Es steht nicht armed da, sondern etwas anderes

Dann erreicht das Overlay den Server nicht. Läuft Streamer.bot überhaupt, steht der WebSocket-Server auf Auto-Start, und stimmen Adresse und Port mit dem überein, was in der config.js unter streamerbotUrl steht? Der häufigste Fall ist ein anderer Port.

Geht das auch mit StreamElements oder Firebot?

Ja, und dort sogar direkter: StreamElements und Firebot buchen die Punkte über ihre eigene Schnittstelle, ganz ohne sichtbare Chatnachricht. In der config.js stellst du outputSource auf streamelements oder firebot und trägst die passenden Zugangsdaten ein. Welcher Dienst wofür taugt, vergleiche ich im Artikel zu den Alternativen.

Was passiert ganz ohne Bot?

Das Overlay blendet einen fertigen Auszahlungsbefehl ein, zum Beispiel !addpoints name betrag. Den kann dein bestehender Loyalty-Bot ausführen, oder du tippst ihn selbst. Es geht also nichts verloren, es ist nur Handarbeit.

Zuletzt aktualisiert am 1. August 2026.

Alle Overlays