So fügen Sie Ihrem Stream auf OBS Studio ein Twitch-Chat-Overlay hinzu

Mit einem Chat-Overlay in deinem Stream erhöhst du garantiert die Interaktion, da Zuschauer es lieben, ihre Namen im Stream zu sehen! In diesem Artikel erfährst du Schritt für Schritt, wie du ein Twitch-Chat-Overlay zu deinem OBS-Stream hinzufügst. Du kannst auch einer Videoanleitung hier folgen!

Schritt 1: Öffne OBS Studio

Stelle zunächst sicher, dass OBS Studio geöffnet und bereit ist. Wenn du es noch nicht heruntergeladen hast, kannst du dies hier tun!

Schritt 2: Melde dich bei Streamelements.com an

Nachdem du OBS Studio eingerichtet hast, gehe zu Steamelements.com


Melde dich dort mit deinem Twitch-Konto an. Du wirst aufgefordert, Twitch zu autorisieren, auf Stream Elements zuzugreifen.


Sobald du angemeldet bist, siehst du dieses Dashboard.

Schritt 3: Erstelle dein Overlay

Wähle auf der linken Seite „Streaming-Tools“ und dann „Overlays“.

Erstelle nun ein neues Overlay.


Nach dem Klicken wirst du aufgefordert, eine Overlay-Auflösung zu wählen. Belassen wir es bei 1080p und klicken auf „Starten“.

Schritt 4: Stream-Einstellungen ändern

Drücke das Pluszeichen (+)-Symbol in der unteren linken Ecke, um dein Chatfeld zu erstellen. Wähle dann „Stream-Tools“.


Klicke von hier aus auf „Dein Stream-Chat“. Danach siehst du ein schwarzes Feld im oberen linken Teil deines Bildschirms. Du kannst es einfach per Drag-and-Drop über den Bildschirm ziehen. Du kannst auch die Ecken ziehen, um die Form des Chatfeldes zu ändern.

Als Nächstes möchtest du auf „Dunkler Chat“ drücken, um dies anzupassen.


Stelle sicher, dass „Nachrichten dauerhaft anzeigen“ aktiviert ist. Lasse die Nachrichten nach 30 Sekunden ausblenden, und ich empfehle, die Nachrichtenverzögerung bei 2 Sekunden zu belassen. So haben die Leute genug Zeit, die Nachrichten zu lesen und versuchen nicht, den Chat zu spammen. Dadurch kann der Chat schön fließen.

Schritt 5: Größe, Position und Stil des Chats ändern

Zuerst möchtest du zu „Position, Größe und Stil“ navigieren. Du solltest die Abmessungen auf 541px (Breite) x 670px (Höhe) einstellen. Diese Abmessungen ergeben ein schön großes Chatfenster, und wir können das Fenster dann auch direkt in OBS in der Größe ändern.

Als Nächstes möchtest du „Benutzerdefinierte Schriftart aktivieren“ drücken, was unter „Texteinstellungen“ zu finden ist. Für Tutorial-Zwecke nennen wir die benutzerdefinierte Schriftart „Impact“, was uns eine schöne, fette und leicht lesbare Schriftart gibt.


Jetzt ändern wir die Farbe auf Weiß und passen die Textgröße auf etwa 25 an.

Nachdem alle Einstellungen korrekt sind, drücke „Speichern“. Du wirst aufgefordert, deinem Overlay einen Namen zu geben. Ich nenne es „Overlay Chat“. Drücke erneut „Speichern“, um diesen Schritt abzuschließen.

Schritt 6: Chatfeld zu OBS Studio hinzufügen

Obwohl wir den letzten Schritt abgeschlossen haben, sind wir mit der Anpassung der Einstellungen des Chatfeldes noch nicht ganz fertig. Du möchtest auf das Büroklammer-Symbol in Stream Elements drücken, um das Chatfeld zu kopieren, und dann zu OBS Studio wechseln.

In deinen Quellen siehst du, dass bereits ein „Chat-Overlay“ vorhanden ist; dieses möchtest du löschen.

Sobald das gelöscht ist, drücke das Pluszeichen (+), wähle „Browser“, nenne es „Chat“ und wähle „Okay“.

Als Nächstes wirst du nach einer URL gefragt; hier möchtest du den Link einfügen, den du gerade für dein Stream Elements Chat-Overlay kopiert hast. Für Breite und Höhe möchtest du 1920px (Breite) mal 1080px (Höhe) haben. Sobald du auf „Okay“ drückst, solltest du sehen, dass dein Chat als derselbe schwarze Kasten wie in Stream Elements erscheint.


Positioniere dies nun einfach dort, wo dein Chat sein soll. Nachdem dies eingerichtet ist, können wir das Chatfeld testen!

Schritt 7: Testen des Chatfeldes

Um dein Chatfenster zu testen, navigiere zur unteren rechten Ecke deines Bildschirms und klicke in OBS Studio auf „Einstellungen“. Gehe dann zu „Stream“ und stelle sicher, dass unter „Dienst“ „Twitch“ steht.


Danach solltest du die Einstellungen verlassen können und die Chat-Option auf der linken Seite deines Bildschirms haben.


Sollte dies nicht auf deinem Bildschirm erscheinen, kannst du dies auch direkt über die Twitch-App tun. Um dies zu testen, geben wir „Dies ist ein Test“ ein, senden die Nachricht und stellen sicher, dass alles funktioniert.

Wenn dies tatsächlich funktioniert, sollte dein Chat in deinem Stream erscheinen.

Schritt 8: Das Chatfeld transparent machen

Da der Chat funktioniert, ist es nun an der Zeit, zu Stream Elements zurückzukehren und eine Anpassung vorzunehmen. Dieser Schritt erklärt, wie das Chatfeld transparent gemacht wird, damit wir den schwarzen Kasten in der Mitte des Streams eliminieren können.

Um diese Änderung vorzunehmen, gehe zu den Einstellungen und suche den Eintrag „Dark Chat“.


Statt „Dark Chat“ möchtest du „Benutzerdefiniert“ auswählen. Sobald du dies tust, wirst du sehen, dass es sich automatisch anpasst, um transparent zu sein.

Gehe nun weiter nach unten zu „Texteinstellungen“ und machen wir die Textgröße etwas größer – etwa 30px.


Eines der vielen großartigen Dinge daran, dies mit OBS Studio verknüpft zu haben, ist, dass es, sobald du speicherst, automatisch auf beiden Websites aktualisiert wird.

Schritt 9: Abschlusstest

Um sicherzustellen, dass alles synchronisiert ist und wieder funktioniert, kehre zu OBS Studio zurück und starte einen weiteren Test-Chat.

Wie du sehen solltest, ist dein Textfeld nun transparent!

Schritt 10: Overlays hinzufügen

Um hervorragende Streaming-Tools wie Countdown-Timer oder Chat-Overlays zu nutzen, besuche Streamdesignz.com, wo es viele Overlays zur Auswahl gibt.

Sie haben Sub-Emotes, animierte Overlays, statische Overlays, Countdown-Timer, Twitch-Panels, Stinger-Übergänge und so vieles mehr!


Overlays und die Nutzung solcher Tools helfen deinem Stream, sich von anderen abzuheben und tausendmal professioneller zu wirken als der durchschnittliche Streamer!

Zusammenfassend:

Indem du diese Konten verknüpfst und ein ansprechendes Chatfenster hast, steigerst du die Zuschauerbindung in deinem Stream. Darüber hinaus verleiht es deinem Stream einen professionellen Touch.

Befolge dieses Tutorial und besuche Streamdesignz.com für weitere Tools, um deinen Stream zu verbessern!