Falls Sie sich jemals gefragt haben, wie Streamer ihre Discord-Chatblase auf ihren Stream bringen, damit Zuschauer sehen können, wer spricht und wer in der Gruppe ist – in diesem Tutorial erfahren Sie genau, wie das geht. Ich werde Ihnen erklären, wie Sie dies auf die einfachste Art und Weise einrichten können.

Erste Schritte

Das erste, was Sie tun werden, ist, zu Discord StreamKit zu gehen.

Sie sollten auch sicherstellen, dass Discord geöffnet ist und Sie sich in einem Sprachkanal befinden, mit dem Sie dies verbinden möchten. Dies ist super wichtig, Sie sollten den Sprachkanal verwenden, den Sie normalerweise beim Streaming nutzen.

Ich schalte mich dann kurz stumm und stelle sicher, dass OBS geöffnet ist. Sie müssen nicht OBS Studio verwenden, jede Streaming-Plattform, die Browser-Quellen zulässt, kann verwendet werden. Sie könnten also LightStream Studio, Streamlabs oder OBS verwenden, aber heute werde ich OBS benutzen.

Sobald Sie diese Dinge geöffnet haben, gehen Sie zu Discord StreamKit und wählen Sie 'Install for OBS'.

Discord StreamKit Download for OBS

Dies wird Sie dann auf Discord auffordern, die Autorisierung für das StreamKit-Overlay zu erteilen, um Zugriff auf Ihren Discord-Kanal zu erhalten. Sie müssen 'Autorisieren' auswählen. Sobald Sie das getan haben, kehren Sie direkt zur StreamKit-Website zurück.

Nun haben Sie hier drei Optionen: 'Status Widget', 'Chat Widget' und 'Voice Widget'.

Widget Options/Settings

Einstellungen des Sprach-Widgets

Wir werden den Reiter "Voice Widget" verwenden, da wir die Chatblasen hinzufügen. Gehen Sie dann zu "Server" und wählen Sie Ihren Server aus. Für "Voice Channel" wählen Sie den Kanal aus, den Sie nutzen möchten. Auch hier werde ich "Party Chat" verwenden, da dies der Chat ist, in dem ich mich auf Discord befinde.

Darunter haben Sie die Option „Nur sprechende Benutzer anzeigen“. Dadurch wird ausgeblendet, wer nicht spricht, und angezeigt, wer spricht. Ich lasse dies normalerweise ausgeschaltet, damit die Personen immer angezeigt werden, aber dies hängt ganz von Ihrer persönlichen Präferenz ab.

Als Nächstes schalte ich gerne „Kleine Avatare“ ein. Das hält die Dinge nur ein bisschen kleiner. Sie können auch wählen, ob Sie „Namen ausblenden“ verwenden möchten oder nicht. Dies ermöglicht Ihnen zu entscheiden, ob die Namen ausgeblendet werden sollen, aber die Avatare und Sprechblasen angezeigt werden sollen. Ich zeige die Namen normalerweise gerne an.

Sie können auch „Meinen Avatar zuerst anzeigen“ aktivieren, wodurch Ihr Name und Ihr Avatar zuerst angezeigt werden und dann alle anderen in der Gruppe unter Ihnen wären.

Texteinstellungen

Bei der 'Textfarbe' können Sie in der Vorschau rechts sehen, was Sie eingegeben haben.

Text Color Setting and Preview Window

Sie werden dies dann auf die gewünschte Farbe ändern, basierend auf dem Hintergrund, den Sie verwenden werden. Ich lasse dies einfach weiß.

Für die „Textgröße“ lassen Sie diese auf „14 px“ eingestellt.

Für die „Text-Konturfarbe“ lasse ich diese auf Schwarz eingestellt. Für die „Text-Konturgröße“ sollten Sie diese auf 0 setzen.

'Schattenfarbe' wird ebenfalls auf Schwarz belassen, wobei die 'Schatten-Größe' auf etwa '5 px' erhöht wird, um etwas mehr Lebendigkeit zu erzeugen.

Hintergrundeinstellungen

Die Hintergrundfarbe hängt vom Spiel ab, das Sie spielen, und davon, welchen Hintergrund Sie wünschen. Das Weiß der Schrift kann ohne Hintergrund verloren gehen, daher lasse ich es gerne auf Schwarz eingestellt.

Sie haben auch die Schattenfarbe, die Sie dem Hintergrund hinzufügen können, um ihn noch ein wenig mehr hervorzuheben. Ich würde diese auf Schwarz lassen, mit einer Deckkraft von etwa '3 px'.

Ihre Chat-Blase zu OBS hinzufügen

Sobald Sie alle Anpassungen vorgenommen haben, müssen Sie diese URL kopieren und zu OBS Studio zurückkehren.

Copy URL Space

Wählen Sie das Plus-Symbol unter 'Quellen' und dann 'Browser'. Wir nennen dies "Discord Chat Bubble" und wählen dann 'OK'. Anschließend fügen wir den zuvor kopierten Link ein.

Für die 'Breite' müssen Sie die Breite eingeben, die Ihnen auf der Discord StreamKit-Website angegeben wurde.

Width and Height Information

Bei mir ist die 'Breite' '312 px' und die 'Höhe' '600 px', und das werde ich in OBS eingeben.

Sobald Sie das getan haben, können Sie sehen, wie Ihre Chat-Blase aussieht.

Chat Bubble Added

Was ich gerne mache, ist die Alt-Taste gedrückt zu halten und die Chat-Blase kleiner zu skalieren.

Wenn ich jetzt zu Discord zurückgehe und mich selbst entstumme, sollte ich, wenn ich zu OBS zurückkehre, sehen, dass der Ring um mein Profilsymbol grün ist, was bedeutet, dass ich spreche.

Green Ring around Profile Icon in Chat Bubble

Nun können Sie alle Personen hinzufügen, die hier angezeigt werden sollen. Sie sollten auch sicherstellen, dass Sie die Chatblase erweitern, wenn Sie viele Personen haben oder deren Namen länger sind.

Wenn Sie das nächste Mal live gehen, wird Ihre Gruppe hier angezeigt.

Wenn Sie lernen möchten, wie Sie weitere Overlays zu Ihrem OBS Studio hinzufügen, um Ihren Stream professioneller aussehen zu lassen, wie z.B. einen 'Starting Soon', 'Countdown-Timer' oder sogar 'Benachrichtigungen', dann schauen Sie sich dieses Video hier an. Es führt Sie Schritt für Schritt durch genau das.

{"statementLink":"","footerHtml":" ","consistentHelpData":[],"hideMobile":false,"hideTrigger":false,"disableBgProcess":false,"language":"en","position":"left","leadColor":"#146FF8","triggerColor":"#146FF8","triggerRadius":"50%","triggerPositionX":"left","triggerPositionY":"bottom","triggerIcon":"people","triggerSize":"medium","triggerOffsetX":20,"triggerOffsetY":20,"mobile":{"triggerSize":"medium","triggerPositionX":"left","triggerPositionY":"bottom","triggerOffsetX":3,"triggerOffsetY":3,"triggerRadius":"50%"}}
true