🎮 Twitch App erstellen
Einmalig nötig – dauert ca. 2 Minuten. Du erlaubst dem Overlay damit, deinen Chat zu lesen.
1
Öffne dev.twitch.tv/console und logge dich mit deinem Twitch-Account ein.
2
Klicke auf „Register Your Application".
+ Register Your Application ← hier
3
Fülle das Formular so aus:
NameShoutout Overlay
OAuth Redirect URL
wird geladen…← genau so!KategorieBroadcasting Suite
⚠️ Die URL muss exakt so eingetragen werden wie oben angezeigt – kein Slash am Ende.
4
Klicke „Erstellen" → „Verwalten" → kopiere die Client-ID:
Client-IDabc123xyz… ← kopieren
🔑 Token generieren
Der Token erlaubt dem Overlay deinen Chat zu lesen. Er wird automatisch erkannt – du musst nichts kopieren!
1
Klicke den Button unten – Twitch öffnet sich in einem neuen Tab.
2
Logge dich bei Twitch ein und bestätige den Zugriff.
3
Komm zurück zu diesem Tab – der Token wird automatisch eingetragen! 🌸
🔄 Token erneuern (nach ~60 Tagen)
Wenn der Token abläuft, einfach hier einen neuen generieren. Alle anderen Einstellungen bleiben erhalten.
📺 Dein Kanal
Trage deinen Twitch-Kanalnamen ein – alles klein geschrieben, so wie er in deiner Twitch-URL steht.
🎨 Shoutout anpassen
Stelle ein wie das Shoutout aussehen soll und wo es erscheint.
⏱️ Anzeigedauer
9s
📍 Position
↖ Oben L.
↑ Oben M.
↗ Oben R.
↙ Unten L.
↓ Unten M.
↘ Unten R.
📋 Angezeigte Infos
▶ Vorschau & Test
Teste das Overlay mit einem echten Twitch-Namen und schau wie es im Stream aussieht.
🌸 Live-Vorschau
Dein Stream
◇ ✦ ◇
🌸
🌸 Shoutout an
–
Zuletzt in: –
twitch.tv/–
Fast fertig! 🌸
Lade deine fertige overlay.html herunter und binde sie in OBS ein.
🖥️ In OBS einrichten
1
In OBS: Quellen → + → Browser-Quelle
2
Haken bei „Lokale Datei" → overlay.html auswählen
3
Breite: 1920 · Höhe: 1080
4
Haken bei „Transparenten Hintergrund" ✓
5
Quelle in jede Szene einbinden wo Shoutouts erscheinen sollen
🔄 Token abgelaufen? (nach ~60 Tagen)
1
Diese Seite wieder öffnen → Schritt 2 anklicken
2
Neuen Token generieren → neue overlay.html herunterladen
3
In OBS: alte Datei durch neue ersetzen