// Overlays
Overlay

TTS-Overlay Twitch-Overlay

Dein Twitch-Chat bekommt eine Stimme: !say, und die Nachricht wird live im Stream vorgelesen.

Viewer tippen !say <Text> und das Overlay liest die Nachricht mit einer echten Stimme vor, komplett lokal im Browser, ohne Cloud-Dienst und ohne Server. Fünf Karten-Themes plus ein textloses Leicht-Theme, Avatar, ein Aussprache-Wörterbuch fürs Deutsche, und optional bezahlte Vorlese-Redemptions über StreamElements.

Ganzer ChatOhne EinsatzOBS Browser Source
Live!say
TTS-Overlay
Vorschau folgt
TTS-Overlay für Twitch: dunkle Karte unten, MaxMustermann sagt krasser Clutch, gelber Avatar, Chat vorgelesen.

Was das Overlay macht

// Kurz gesagt

Zuschauer, die sonst nie auffallen, werden plötzlich gehört, weil sie einen Satz tippen. Tippt ein Zuschauer !say gefolgt von einem Text, erscheint unten eine schlichte Karte mit Namen und Avatar, und eine echte, natürlich klingende Stimme liest die Nachricht laut im Stream vor. Die Sprachausgabe läuft komplett lokal im Browser über ein neuronales Piper-Sprachmodell, das direkt im Overlay steckt: kein Cloud-Dienst, kein eigener Server, kein Docker, und nach dem ersten Laden auch keine Downloads mehr, selbst offline. Ein eingebautes Aussprache-Wörterbuch sorgt dafür, dass englische Namen und Streaming-Begriffe nach deutschen Lautregeln trotzdem richtig klingen, eigene Einträge lassen sich pro Kanal ergänzen. Anfragen laufen nacheinander in einer Warteschlange, bezahlte Redemptions über StreamElements springen mit goldener Hervorhebung vor die kostenlose Chat-Warteschlange, ein eigener Store-Artikel genügt. Fünf Karten-Themes von Lime über Koralle und Eisblau bis Mono decken die meisten Szenen ab, ein textloses Leicht-Theme legt Name und Text ganz ohne Kartenrahmen direkt über das Bild, lesbar dank kräftigem Schlagschatten auf jedem Hintergrund. Lange Nachrichten scrollen sauber nach oben statt abgeschnitten zu werden. Position, Lautstärke, Sprechtempo, Zeichenlimit und wer den Befehl nutzen darf sind frei einstellbar. Als OBS-Browser-Quelle ist es eine einzige HTML-Datei, das Sprachmodell liegt als eigener Ordner direkt daneben.

Features

// Was drin ist

01Liest Twitch-Chat mit einer echten Stimme vor, per !say direkt im Stream
02Läuft komplett lokal im Browser über ein Piper-Sprachmodell, keine Cloud, kein Server, kein Docker
03Fünf Karten-Themes von Lime über Koralle und Eisblau bis Mono, plus ein textloses Leicht-Theme ganz ohne Kartenrahmen
04Zeigt Avatar und Namen des Absenders, mit Farbring passend zum aktiven Theme
05Eigenes Aussprache-Wörterbuch für deutsche Lautregeln, damit Namen und Streaming-Begriffe richtig klingen
06Warteschlange nach FIFO, bezahlte StreamElements-Redemptions springen mit goldener Hervorhebung vor
07Automatisches Hochscrollen bei langen Nachrichten statt abgeschnittenem Text
08Frei positionierbar in jeder Ecke, Lautstärke, Sprechtempo und Zeichenlimit einstellbar
09Eine einzige HTML-Datei als Browser-Quelle, das Sprachmodell liegt direkt daneben und lädt nie nach

Chat-Befehle

// Was deine Community tippt

BefehlWerWirkung
!say <text>ZuschauerText als Sprache und Karte im Overlay ausgeben

Wichtige Einstellungen

// Was du in der config.js anpasst

theme
Karten-Look: lime, coral, ice, mono oder light (ohne Kartenrahmen)
position
Ecke oder Kante, zum Beispiel bottom-center oder top-right
command
Der Chat-Befehl, Standard !say
commandPermission
Wer den Befehl nutzen darf: alle, nur Mods oder nur der Broadcaster
voice
Stimme des Sprachmodells, bundled Standard ist Thorsten (CC0)
rate
Sprechtempo, von langsam bis schnell
maxChars
Maximale Zeichenzahl pro Nachricht
pronunciations
Eigene Aussprache-Korrekturen für Namen oder Begriffe
redemptionTriggers
StreamElements-Store-Artikel, die eine bezahlte Vorlese-Karte auslösen

Screenshots

// Aus dem Overlay

Dein Custom Overlay

Dieses Overlay
im Look deiner Marke?

  • Farben, Texte und Regeln nach Wunsch
  • Eigene Mechanik oder neues Overlay
  • Twitch- und Kick-Integration nach Maß
Jetzt anfragen Andere Overlays Unverbindlich. Antwort meist in 48h.