Kick-Chat in OBS einbinden

Es gibt zwei Wege, den Kick-Chat in OBS einzubinden, und die meisten Streamer wollen beide. Ein Chat-Dock zeigt den Chat im OBS-Fenster, damit du ihn beim Streamen lesen kannst. Ein Chat-Overlay ist eine Browser-Source in deiner Szene, damit deine Zuschauer den Chat im Stream sehen, zum Beispiel in einem VOD oder einem Clip.

Das Dock nutzt den Popout-Chat von Kick. Für das Overlay brauchst du ein Chat-Widget von einem Tool wie KickBot oder Streamlabs. Beides dauert nur ein paar Minuten.

Dock oder Overlay?

	Chat-Dock	Chat-Overlay
Wer es sieht	Nur du, in OBS	Deine Zuschauer, im Stream
Was es ist	Ein Panel im OBS-Fenster	Eine Browser-Source in deiner Szene
Woher es kommt	Die URL des Popout-Chats von Kick	Ein Chat-Widget (KickBot, Streamlabs und andere)
Kannst du darin schreiben	Nein	Nein

Ein Kick-Chat-Dock in OBS hinzufügen

Diese Schritte stammen aus dem Kick-Guide How to create a Kick chat dock in OBS (auf Englisch).

1. Öffne OBS.
2. Klick in der Menüleiste auf Docks > Benutzerdefinierte Browser-Docks (Custom Browser Docks).
3. Gib einen Namen ein, zum Beispiel „Kick Chat“.
4. Gib die URL deines Popout-Chats ein: https://kick.com/popout/yourchannel/chat. Ersetze yourchannel durch deinen Kick-Nutzernamen.
5. Klick auf Übernehmen (Apply) und dann auf Schließen (Close).
6. Klick auf Docks und wähle Kick Chat, um es anzuzeigen. Zieh es an die Stelle im OBS-Fenster, an der du es haben willst.

Kick nennt diese Grenzen für das Dock:

• Im Dock kannst du dich nicht anmelden und keine Nachrichten senden. Lass kick.com in einem Browser offen, wenn du schreiben willst.
• Ein Cookie-Banner kann einen Teil des Chats verdecken. Mach das Dock breiter, damit es keine Nachrichten verdeckt.
• „Disconnected“ (getrennt) heißt, dass du nicht angemeldet bist. Neue Nachrichten erscheinen trotzdem.

Ein Kick-Chat-Overlay zu deinem Stream hinzufügen

Ein Overlay zeigt den Chat über deinem Spiel oder deiner Kamera, mit transparentem Hintergrund. Du fügst es als Quelle vom Typ Browser hinzu. Hier sind die Schritte mit dem kostenlosen Chat-Widget von KickBot.

1. Ein Chat-Widget in KickBot installieren

1. Erstelle ein KickBot-Konto und verbinde deinen Kick-Kanal, falls du das noch nicht gemacht hast.
2. Öffne die Widget-Bibliothek.
3. Öffne Basic Chat Widget (ein offizielles Widget von KickBot) oder einen anderen Chat-Stil, der dir gefällt.
4. Klick auf Widget installieren. Das Widget landet unter Gespeicherte Widgets.
5. Klick unter Gespeicherte Widgets beim Widget auf URL kopieren. Klick vorher auf Bearbeiten, wenn du das Aussehen ändern willst.

2. Die Browser-Source in OBS hinzufügen

1. Wähle in OBS deine Szene aus.
2. Klick unter Quellen (Sources) auf + und wähle Browser.
3. Gib ihr einen Namen, zum Beispiel „Kick-Chat-Overlay“, und klick auf OK.
4. Füge die URL des Widgets bei URL ein.
5. Stell Breite (Width) auf 800 und Höhe (Height) auf 600 (die Größe des Basic Chat Widget). Du kannst das später an dein Layout anpassen.
6. Klick auf OK. Verschieb das Overlay in der Vorschau und änder seine Größe.

Die Browser-Source in OBS hat ein Standard-CSS, das den Hintergrund der Seite transparent macht (OBS browser source, auf Englisch). So erscheinen nur die Chat-Nachrichten über deiner Szene.

Alle Einstellungen des Widgets und weitere Chat-Stile findest du unter Chat-Overlay. Hilfe zur Browser-Source in OBS, Streamlabs Desktop und Meld findest du unter Browser-Source hinzufügen.

Achtung

Halte die URL des Widgets privat. Zeig sie nicht im Stream oder auf Screenshots.

Andere Wege, den Kick-Chat im Stream zu zeigen

• Streamlabs. Laut Streamlabs hat Streamlabs ein Chat-Box-Widget für Kick-Streams (Streamlabs, auf Englisch). Siehe Streamlabs mit Kick nutzen.
• Web Go Live. Wenn du mit Web Go Live von Kick aus deinem Browser streamst, gibt es dort ein eingebautes Widget Chat Box. Dafür brauchst du kein OBS (Kick-Hilfecenter, auf Englisch).

Fehlerbehebung

Das Overlay ist leer. Schick eine Testnachricht in deinen Kick-Chat und warte ein paar Sekunden. Wenn nichts erscheint, klick mit der rechten Maustaste auf die Quelle, wähle Eigenschaften (Properties) und klick auf Cache der aktuellen Seite aktualisieren (Refresh cache of current page).

Das Overlay hat einen festen Hintergrund. Prüf, ob im Feld Benutzerdefiniertes CSS (Custom CSS) der Browser-Source noch der transparente Standard-Hintergrund steht. Wenn du es geändert hast, lösch deine Änderungen.

Der Chat ist abgeschnitten oder zu klein. Änder Breite und Höhe in den Eigenschaften der Quelle, statt die Quelle aufzuziehen. Durch das Aufziehen wird der Text unscharf.

Das Dock zeigt ein Cookie-Banner. Das ist eine bekannte Grenze des Popout-Chats von Kick in einem Dock. Mach das Dock breiter.

Häufige Fragen

Wie füge ich den Kick-Chat in OBS hinzu?

Für einen Chat zum Lesen fügst du in OBS ein benutzerdefiniertes Browser-Dock mit der URL https://kick.com/popout/yourchannel/chat hinzu. Für den Chat im Stream fügst du die URL eines Chat-Widgets (zum Beispiel von KickBot) als Quelle vom Typ Browser in deine Szene ein.

Wie bekomme ich ein transparentes Kick-Chat-Overlay?

Nutze ein Chat-Widget, das für OBS gemacht ist, zum Beispiel das Chat-Widget von KickBot, und füge es als Quelle vom Typ Browser hinzu. OBS macht den Hintergrund der Seite standardmäßig transparent.

Kann ich aus OBS heraus im Kick-Chat schreiben?

Nein. Laut Kick kannst du dich im Dock nicht anmelden und keine Nachrichten senden. Lass kick.com in einem Browser oder auf deinem Handy offen, um zu schreiben.