// Overlays
Kostenlos downloaden
Anleitung

Twitch Overlay in OBS einrichten

Datei laden, in OBS ziehen, Kanal eintragen. Fertig.

Jedes meiner Overlays ist eine einzige HTML-Datei. Kein Konto, kein Server, keine Installation: du lädst die Datei herunter, ziehst sie in OBS und trägst deinen Kanalnamen ein. Danach spielt dein Chat mit.

5 Minuten Einsteiger OBS Browser Source

Schritt für Schritt

// So gehts

  1. 01

    Overlay herunterladen

    Such dir auf der Übersicht ein Overlay aus und lade die Datei widget.html herunter. Leg sie in einen Ordner, den du wiederfindest, zum Beispiel Dokumente/Overlays. Daneben liegt eine zweite Datei namens config.js.example. Die brauchst du in Schritt 3, lass sie also im selben Ordner liegen.

  2. 02

    Browser-Quelle in OBS anlegen

    Eine Browser-Quelle ist die Art von Quelle in OBS, die eine Webseite oder eine HTML-Datei anzeigt. Steht dein OBS auf Englisch, heißt sie Browser Source; der Eintrag im Menü heißt in beiden Sprachen Browser. Klick unten im Feld Quellen auf das Plus, wähl Browser und gib der Quelle einen Namen. Im nächsten Fenster setzt du den Haken bei Lokale Datei und wählst die widget.html aus. Trag Breite 1920 und Höhe 1080 ein: das Overlay positioniert sich selbst innerhalb dieser Fläche, es braucht also die volle Leinwand und keinen kleinen Kasten.

  3. 03

    Deinen Kanal eintragen

    Kopiere die config.js.example und benenne die Kopie in config.js um. Sie muss neben der widget.html liegen. Öffne sie mit einem Texteditor, such die Zeile mit channel und trag deinen Twitch-Namen ein, genau so wie er in deiner Kanal-Adresse steht. Speichern. Alles andere in der Datei kannst du fürs Erste ignorieren, die Voreinstellungen passen.

  4. 04

    Testen und live gehen

    Rechtsklick auf die Browser-Quelle, dann Aktualisieren, damit OBS die neue Konfiguration einliest. Jetzt tippst du den Startbefehl in deinen eigenen Chat, beim Roulette zum Beispiel !roulette. Reagiert das Overlay, bist du fertig. Reagiert es nicht, ist es fast immer ein Tippfehler im Kanalnamen.

Häufige Fragen

// Kurz erklärt

Ich sehe nichts, was mache ich falsch?

Prüf drei Dinge in dieser Reihenfolge: ist der Haken bei Lokale Datei gesetzt, steht dein Kanalname richtig in der config.js, und hast du die Quelle nach dem Speichern aktualisiert? Fast jeder Fall ist einer dieser drei.

Brauche ich einen Bot?

Für den Anfang nicht. Die Overlays laufen von allein. Ein Bot wird erst nötig, wenn Punkte automatisch ausgezahlt werden sollen. Gemeint ist die Währung deines Chatbots, nicht die Twitch-Kanalpunkte, und wie das geht, steht in der Anleitung zur Streamer.bot-Anbindung.

Läuft das auf Mac und Windows?

Ja, und auf Linux auch. Eine Browser-Quelle gibt es in OBS auf allen drei Systemen, und weil das Overlay nur eine HTML-Datei ist, wird nichts installiert.

Kostet das etwas?

Die kostenlosen Overlays laufen bei dir lokal in OBS. Kein Abo, kein Server, keine laufenden Kosten. Einzelne aufwendigere Overlays sind kostenpflichtig, das steht dann auf der jeweiligen Seite.

Alle Overlays