Chat auf dem Bildschirm: ein Overlay für drei Plattformen

Drei Plattformen, eine Liste

Multi-Streaming bedeutet normalerweise, drei Chat-Fenster im Blick zu haben. Hier sind sie zusammengeführt, und jede Nachricht zeigt, woher sie kommt.

• Ein Plattform-Icon links neben jeder Nachricht.
• Twitch-Badges als Bilder; Rollen-Chips – Streamer, Moderator, VIP, Abonnent – für YouTube und Kick.
• Emotes von allen drei Plattformen werden als Bilder und nicht als Codes dargestellt.
• Die Spitznamen-Farbe, die der Zuschauer auf seiner Plattform gewählt hat.

Ein Overlay pro Szene

Der Chat muss in einer Sprechszene und in einem Spiel anders platziert sein: eine breite Spalte in der einen, eine dünne Laufschrift in der anderen. Das sind zwei Overlays, nicht eines, das du ständig neu gestaltest.

• Jedes Overlay hat sein eigenes Design, sein eigenes Verhalten und seinen eigenen Link für OBS.
• Das Duplizieren eines Overlays kopiert auch sein Design – beginne mit dem, was bereits funktioniert, und ändere nur das eine Ding.
• Ein Schalter in jeder Zeile schaltet ein Overlay aus, ohne es zu löschen; seine OBS-Quelle wird einfach leer.
• Der Testmodus füllt alle Overlays gleichzeitig, sodass Szenen nacheinander überprüft werden können.

Anpassung an deine Szene

Ein Chat-Overlay ist den ganzen Stream über auf dem Bildschirm, daher muss es passen und nicht nur funktionieren.

• Sprechblase, Name, Text und Badges werden separat gestaltet: Schriftarten inklusive Kyrillisch, Farben, Größen, Radius, Rand, Schatten, Abstand.
• Drei Voreinstellungen zum Starten – Neon, Glas, Minimal.
• Die Live-Vorschau zeigt deinen echten Chat während der Bearbeitung, sodass nichts blind gestaltet wird.
• Das Overlay passt sich in jede Größe ein, die du der OBS-Quelle gibst.

Wie es sich auf dem Bildschirm verhält

Das Overlay ist nicht nur eine Liste. Was es mit einer Nachricht macht, sobald sie eintrifft, wird separat davon eingestellt, wie die Nachricht aussieht.

• Zwei Layouts: eine Spalte mit Sprechblasen oder eine einzelne Laufschrift am unteren Rand, wenn kein vertikaler Platz übrig ist.
• Die Spalte fasst so viele Nachrichten, wie der Bereich erlaubt – neue unten, alte verlassen oben mit einer Animation, und niemals eine Scrollbar.
• Ein Anzeige-Timer kann eine Nachricht nach N Sekunden verschwinden lassen oder sie behalten, bis sie herausgedrückt wird.
• Ein- und Ausgangsanimationen – von jeder Seite schieben, verblassen, schrumpfen oder platzen – und ein sicherer Rand, damit Sprechblasen den Rand der Quelle nicht berühren.
• Befehle, die mit „!“ beginnen, können ausgeblendet werden: Der Chat sieht sie, der Stream nicht.

Einrichtung, bevor jemand schreibt

Ein Chat-Overlay gegen einen leeren Bildschirm zu gestalten ist Raten, daher gibt es eine Möglichkeit, es bei Bedarf zu füllen.

• Ein Testmodus sendet etwa zwei Dutzend Demo-Nachrichten – verschiedene Plattformen, Längen, Emotes und Rollen.
• Der Fluss geht sowohl in die Vorschau als auch in das echte OBS-Overlay, wodurch Position und Größe anpassbar sind, ohne auf Zuschauer warten zu müssen.
• Die Demo-Texte sind wie alles andere lokalisiert, sodass sie in deiner Sprache natürlich lesbar sind.

Woraus es besteht

Jeder Teil ist ein separates Modul: Sie installieren nur die, die Sie benötigen, und jedes kann entfernt werden, ohne den Rest zu beschädigen.

Erste Schritte

1. Erstelle ein Overlay und gib ihm einen Namen – normalerweise die Szene, zu der es gehört.
2. Kopiere seinen Link aus der Liste und füge eine Browser-Quelle in OBS hinzu.
3. Gestalte es neben der Live-Vorschau und nutze den Testmodus, um es bei Bedarf zu füllen.
4. Dupliziere es für die nächste Szene und ändere, was sich unterscheiden muss.

Ein Stream läuft stundenlang, und ein Chat-Overlay, das jede Nachricht behält, würde Speicher fressen, bis OBS einfriert. Das Widget hält eine begrenzte Anzahl von Nachrichten auf dem Bildschirm und verwirft die ältesten – deshalb kann es den ganzen Abend laufen bleiben.

Funktioniert zusammen mit