Chat OBS-Overlay

Live-Chat als Browser-Source in OBS Studio

Chat OBS-Overlay ist ein Add-on zu DGN-Chat Pro. Damit zeigst du den Live-Chat als Browser-Source in OBS Studio an - mit transparentem Hintergrund, customizable Style, optionalem Avatar-Display. Perfekt für DJ-Streams auf Twitch, YouTube oder eigene Stream-Pages, wo Zuschauer den Chat live mitlesen sollen.

Was du konkret damit machen kannst

Chat-Overlay auf deinem Twitch-Stream

Live-Streamen auf Twitch, dabei den Webradio-Chat als transparenter Overlay im Stream zeigen. Zuschauer auf Twitch sehen die Chat-Posts deiner Hörer, beide Communities mischen sich.

Chat-Overlay auf YouTube Live

Gleiches Konzept für YouTube-Live-Streams. Browser-Source-URL kopieren, in OBS einfügen, fertig.

Eigener Stream auf Sender-Webseite

Wenn du selbst über die Webseite streamst (mit Stream-Switcher oder anderem Player), kannst du den Chat-Overlay direkt ins Player-Layout integrieren.

Wunsch-Sticky oben anpinnen

Aktueller Wunsch (aus chat-pro Wunschbox) wird oben im Overlay angepinnt mit „🎵 Spielt jetzt: Künstler - Titel". Sieht professionell aus.

Themed Overlay-Style

3 Style-Presets out-of-the-box: Minimal (nur Text), Card (mit Hintergrund-Karte pro Post), Neon (mit Glow-Effekt). Plus Custom-CSS für eigene Designs.

Voraussetzung

• DGN-Chat Pro muss installiert und aktiv sein.
• OBS Studio (oder Streamlabs OBS, XSplit, andere Browser-Source-fähige Tools).

Installation und Aktivierung

1. Admin -> Plugins -> Tab Marketplace
2. Chat OBS-Overlay finden, lila „PRO"-Badge
3. Plugin laden + Lizenz klicken
4. Lizenzschlüssel im Format RCMS-XXXX-XXXX-XXXX-XXXX einfügen
5. Speichern und prüfen -> Plugin wird automatisch installiert
6. In der Plugin-Liste auf Aktivieren klicken
7. Im Chat-Admin-Bereich erscheint Tab OBS-Overlay

So nutzt du es, Schritt für Schritt

Schritt 1: Overlay-Style wählen

1. Admin -> Chat -> OBS-Overlay
2. Style auswählen: Minimal / Card / Neon / Custom
3. Schriftgröße (Default 18px)
4. Position (Bottom-Stack / Top-Stack / Full)
5. Max sichtbare Posts (Default 8)
6. Auto-Verschwinden nach X Sek (Default 30, Posts faden langsam aus)
7. Wunsch-Sticky togglen (zeigt aktuellen Song-Wunsch oben fest)
8. Vorschau-Button drücken, Layout im Browser anschauen

Schritt 2: Browser-Source-URL kopieren

1. Tab OBS-Overlay -> Browser-Source-URL kopieren (Format: https://radio.dgnshop.com/chat/overlay?key=...)
2. URL enthält einen Token, damit nur du (mit Token) Zugriff hast

Schritt 3: In OBS einbinden

1. OBS -> Quellen -> + -> Browser
2. URL einfügen, Breite 1280, Höhe 720 (oder Stream-Auflösung)
3. Lokale Datei: nein
4. CSS (optional) für weitere Anpassungen
5. Beim Inaktivwerden der Quelle nicht aktualisieren: an
6. OK

Schritt 4: Im Stream testen

1. Stream starten in OBS
2. Chat-Post von einem Test-Account schicken
3. Post erscheint nach 1-2 Sek im Overlay
4. Position + Style live anpassen wenn nötig

Tipps für den Alltag

• Overlay nicht zu groß: Max 30% des Bildschirms, sonst dominiert es das Stream-Bild.
• Style zum Stream-Branding passend: bei dunklem Stream-Hintergrund Neon-Style, bei hellem Stream Card-Style mit Schatten.
• Wunsch-Sticky bei Wunschsendungen einschalten: macht klar was gerade läuft.
• Mod-Posts hervorheben: in den Settings hast du Color-Picker für Mod-Namen. Helle Farbe für Mods, normale für User.
• Auto-Verschwinden nicht zu kurz: 30+ Sek ist gut, sonst kommen Zuschauer nicht zum Lesen.
• CSS-Snippets in der Community teilen: andere Sender freuen sich über schöne Styles. Plus Inspiration für dich.

Was das Plugin NICHT macht

• Keine Voice-Wiedergabe. Overlay ist text-only. Voice braucht chat-voice-ai separat.
• Keine Stream-Aufnahme. Wenn du den Stream selbst aufnimmst und im Overlay-Chat ältere Posts sehen willst, ist das nicht möglich. Overlay zeigt nur live.
• Keine Two-Way-Integration mit Twitch-Chat. Twitch-User-Posts erscheinen NICHT im Webradio-Chat. Webradio-Chat-Posts erscheinen NUR im Overlay.
• Kein eigener Custom-CSS-Editor. CSS-Anpassung machst du in OBS selbst.

Beispiele zum Inspirieren

Beispiel 1: Live-DJ-Set auf Twitch

Du streamst eine 2-Stunden-DJ-Show auf Twitch, mit OBS. Chat-Overlay zeigt die Posts der Webradio-Hörer (die parallel zuhören aber nicht auf Twitch sind). Twitch-Zuschauer sehen „aha hier passiert was", werden neugierig, kommen in den Webradio-Chat dazu. Community-Wachstum.

Beispiel 2: Festival-Stream

Sender überträgt ein Festival live via Stream. Overlay zeigt Hörer-Posts mit Stage-Namen. Live-Atmosphäre direkt im Stream sichtbar.

Beispiel 3: Quiz-Show

Sender macht eine Live-Quiz-Sendung mit chat-live-quiz. Overlay zeigt die Highscore-Tabelle als Sticky oben, plus die Posts der Teilnehmer. Macht die Quiz-Show direkt im Stream zugänglich.

Lizenz und Aktivierung

• 39 EUR einmalig als Lifetime-Lizenz. Kein Abo.
• Lizenz für 3 Domains.
• Voraussetzung: aktive DGN-Chat Pro Lizenz.
• Updates für alle 1.x-Versionen inkludiert.
• Bei Fragen oder Setup-Hilfe: support@dgnshop.com