Chat Overlay

Baue dir ein individuelles Chat Overlay für OBS mit Design, Farben, Filteroptionen und erweiterten Layout-Reglern.

Übersicht im Dashboard

Auf dieser Seite stellst du Twitch-Channel, Design-Preset und Basis-Einstellungen ein, nimmst Feintuning für Abstände, Farben, Glow, Rahmen und Chat-Box vor und holst dir eine Vorschau sowie den finalen Overlay-Link.

Design und Layout

Hier legst du das Grunddesign fest und passt es an:

Presets wie Darkglass, Neon, Retro, Pixel oder Kein Hintergrund.
Farben (Hintergrund/Text), Schriftart (Google Font Name), Schriftgröße und Randradius anpassen.
Ausrichtung links/rechts wählen.
Kompakt-Look: Kleiner Modus und Layout schlank halten für enge Szenen.

Filter und Optionen

Für die Anzeige im Chat-Overlay kannst du folgende Optionen steuern:

Avatare anzeigen/ausblenden, Bots anzeigen/ausblenden.
Zusätzliche Bot-Logins ignorieren (kommagetrennt).
Optionale Namensfarbe, Rand, Glow und Textschatten steuern.
TTL: Nachrichten nach X Sekunden automatisch ausblenden (0/leer = aus).
Alte Nachrichten behalten (Flow) statt automatisch zu entfernen.
7TV-Paints optional sanft animieren.

Abstände & Feinjustierung

Damit das Overlay auf deine Szene passt, kannst du Abstände fein einstellen:

Außenabstand, Abstand zwischen Nachrichten und Innenabstand pro Nachricht setzen.
Werte leer lassen = automatisch, 0 = kein Abstand.

Overlay-Rahmen & Hintergrund (Chat-Box)

Die äußere Chat-Box lässt sich ebenfalls anpassen:

Äußere Box aktivieren: Hintergrund, Transparenz, Unschärfe und Eckenradius.
Rahmenfarbe, -breite und -stil (z. B. gestrichelt, doppelt).
Außen-Glow inkl. Stärke und Ausdehnung.
Außenabstand setzen, damit Glow nicht abgeschnitten wird.

Link und Vorschau

Generiere den Overlay-Link, kopiere ihn direkt und teste die Vorschau im Browser.

OBS Nutzung

Binde den Link als Browserquelle in OBS ein und passe Größe sowie Position nach Bedarf an.