Social Stream NinjaSocial Stream NinjaErfahre, wie du Social Stream Ninja einrichtest, anpasst und optimal nutzt
Eine Sitzungs-ID verbindet alles: Verwende dieselbe ?session= Wert in deinen Dock- und Overlay-URLs.
Suche oder öffne eine Kategorie. Beginne mit OBS, wenn du nur Chat auf dem Bildschirm brauchst.
Keine passenden Anleitungen gefunden.
Bevor du Social Stream Ninja nutzen kannst, musst du es installieren. Es gibt mehrere Möglichkeiten, die Browser-Erweiterung zu installieren:
Eine ausführliche Installationsanleitung findest du auf der Downloadseite.
Führe nach der Installation diese Schritte aus, um Social Stream Ninja zu nutzen:
Hinweis: Für eine optimale Nutzung der Browser-Erweiterung lasse Chatfenster sichtbar (nicht minimiert).
Social Stream Ninja funktioniert mit über 100 Plattformen. So verbindest du die beliebtesten:
Du kannst Dashboard und Overlay anpassen, indem du Parameter zu ihrer URL hinzufügst. Einige Beispiele:
&darkmode – Aktiviert den Dunkelmodus für das Dashboard&scale=2 – Verdoppelt Größe/Auflösung aller Elemente&hidesource – Blendet Plattform-Symbole aus (YouTube, Twitch usw.)&compact – Entfernt den Abstand zwischen Name und Nachricht&inline – Zeigt die Nachricht neben dem Namen mit normalen Abständen&autoshow – Hebt Nachrichten automatisch hervor, sobald sie erscheinen (etwa 2 pro 3 Sekunden)
&showtime=20000 – Blendet ausgewählte Nachrichten nach 20 Sekunden automatisch aus&showsource – Zeigt die Plattform-Symbole neben Benutzernamen&fade – Lässt hervorgehobene Nachrichten sanft einblenden&swipe – Lässt hervorgehobene Nachrichten von links hereingleiten¢er – Zentriert hervorgehobene Nachrichten auf dem Bildschirm
Für eine einfachere Verwaltung der URLs probiere unseren URL-Parameter-Editor.
Es gibt mehrere Möglichkeiten, das Aussehen mit CSS anzupassen:
In OBS kannst du der Browser-Quelle eigenes CSS hinzufügen:
body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }
:root {
--comment-color: #090;
--comment-bg-color: #DDD;
--comment-border-radius: 10px;
--comment-font-size: 30px;
--author-border-radius: 10px;
--author-bg-color: #FF0000;
--author-avatar-border-color: #FF0000;
--author-font-size: 32px;
--author-color: blue;
--font-family: "Arial", sans-serif;
}
.hl-name {
padding: 2px 10px !important;
}
Füge CSS direkt über das Erweiterungsmenü hinzu:
Wähle aus vorgefertigten Vorlagen mit integriertem CSS:
YOURSESSIONID in der Vorlagen-URL durch deine Sitzungs-IDBeispiel: https://socialstream.ninja/themes/pretty.html?session=YOURSESSIONID
Namensfarben benötigen zwei Einstellungen: eine allgemeine Farbquelle unter Nachricht – Gestaltung und den Dock-Anzeigeschalter unter Nachricht – Sichtbarkeit.
Anleitung zu Chatnamenfarben öffnen für Screenshots, Farbauswahl, Fehlerbehebung und CSS-Beispiele.
Verwende eigene Schriftarten in dock.html oder featured.html ohne auf Google- oder Systemschriftarten angewiesen zu sein.
@font-face.&css=, &b64css=, &font=, oder &googlefont=.Anleitung zu selbst gehosteten Schriftarten öffnen für schrittweise Hosting-Anleitungen und CSS-Beispiele.
Social Stream Ninja kann Chatnachrichten mithilfe von Text-to-Speech vorlesen:
&speech=en-US zu deiner featured.html- oder dock.html-URL&pipervoice=pt_BR-faber-medium oder eSpeak &espeakvoice=pt-br, während für Spanisch Piper verwendet werden kann &pipervoice=es_ES-davefx-medium oder eSpeak &espeakvoice=es.&pitch=1&volume=1&rate=1&ttsprovider=kokoro&ttsprovider=piper&espeakvoice=pt-br und Spanisch &espeakvoice=es&ttsprovider=kitten&ttsprovider=openai&openaiendpoint=http://localhost:8880/v1/audio/speechMöchtest du alles lokal und privat halten? Siehe Leitfaden für lokale KI-Sprachausgabe für die vollständige Einrichtungsanleitung einschließlich selbst gehosteter Server und Audioerfassung in OBS.
Social Stream Ninja kann KI auf verschiedene Arten nutzen. Wähle zuerst den Arbeitsablauf und dann einen Anbieter.
chatgpt.com Tab ohne API-Schlüssel.Lege fest, wie Nachrichten in deinem Overlay erscheinen:
Erfasse Ereignisse außerhalb des Chats wie neue Follower, Abonnements, Raids und Spenden von deinen Streaming-Plattformen.
Hinweis: Spendenartige Ereignisse (Super Chats, Bits, Trinkgelder) werden unabhängig von diesem Schalter automatisch weitergeleitet. Der Schalter ist hauptsächlich für Follower- und Abonnentenbenachrichtigungen gedacht.
Eine vollständige Liste der Ereignisnutzdaten und Datenfelder findest du in der Ereignisreferenz Dokumentation.
Zeige den Fortschritt von Twitch Hype Trains und Treasure Trains als obere Leiste im Twitch-Stil in OBS.
Hebe ganz neue Chatter hervor, ergänze das optionale Blatt-Abzeichen oder nutze einen Dock-Signalton nur für erste Nachrichten.
Der Event-Flow-Editor ist ein leistungsfähiges knotenbasiertes Automatisierungssystem zum Erstellen eigener Abläufe. Er bildet die Ebene für erweiterte Automatisierung, mit der du deine eigene Weiterleitungslogik erstellen kannst.
Damit Audio, Medien-Overlays und OBS-Aktionen funktionieren, musst du die Flow-Actions-Seite als Browser-Quelle in OBS hinzufügen:
Wichtig: Aktuelle Relay-Chat-Aktionen überspringen erkannte Rückläufer automatisch. Verwende einen Rückspiegelungsfilter (Reflection Filter) Knoten, um festzulegen, ob erfasste Echos im Dock und in Overlays erscheinen. Siehe die Anleitung zur Chatweiterleitung für die Einrichtung. Ausführliche Dokumentation findest du in der Event-Flow-Leitfaden. Für Sounds oder Medien bei Kick-Belohnungen verwende Anleitung zu Kick-Kanalpunkten und Belohnungen.
Steuere Social Stream Ninja direkt über Stream Deck, MIDI-Controller oder Tastenkürzel.
Tipp: MIDI eignet sich hervorragend zur freihändigen Stream-Steuerung. Verwende ein Fußpedal zum Auslösen von Benachrichtigungen oder einen Drehregler zum Anpassen der Lautstärke.
Erstelle interaktive Bot-Befehle und automatische Antworten für deinen Chat.
!joke – Sendet einen zufälligen nerdigen Flachwitz!hi – Begrüßt Zuschauer automatisch!cycle – Ermöglicht Zuschauern, OBS-Szenen zu wechseln (mit Erlaubnis)Für komplexere Befehle verwende den Event-Flow-Editor:
Voraussetzungen: Automatische Antworten funktionieren am besten mit Chromium-basierten Browsern. Chatfenster müssen sichtbar bleiben, und du benötigst die Berechtigung, auf der Plattform zu posten.
Verbinde externe Spendenplattformen, um Trinkgelder und Käufe in deinem Stream-Overlay anzuzeigen.
Global settings and tools → Mechanics, aktiviere Fernsteuerung der Erweiterung über API (remote API control of extension)&server, &server2, oder &server3 für Spenden-WebhooksDie normalisierte Spende wird mit Chat, Benachrichtigungen, Event Flow und dem Tip Jar/Goal Meter geteilt.
| Plattform | Webhook-URL | Ereignistyp |
|---|---|---|
| Stripe | https://io.socialstream.ninja/{sessionID}/stripe |
checkout.session.completed |
| Ko-Fi | https://io.socialstream.ninja/{sessionID}/kofi |
Öffentliche Trinkgelder, Mitgliedschaften, Shop-Bestellungen und Auftragsarbeiten |
| Buy Me A Coffee | https://io.socialstream.ninja/{sessionID}/bmac |
Trinkgelder, Mitgliedschaften, Shop-Bestellungen, Auftragsarbeiten und Wunschlistenfinanzierung |
| Fourthwall | https://io.socialstream.ninja/{sessionID}/fourthwall |
Bestellungen, Geschenke, Spenden und neue Abonnements |
https://io.socialstream.ninja/YOUR_SESSION_ID/stripecheckout.session.completedTesten: Verwende den Testmodus von Stripe mit der Karte 4242 4242 4242 4242, ein beliebiges zukünftiges Ablaufdatum und eine beliebige CVC.
Verwende: bebilderte Einrichtungsanleitung für Fourthwall, Ko-fi und Buy Me a Coffee, einschließlich Empfängerstatus, isolierter Vorschauen und Produktimport.
Du kannst Chatdaten auch an externe Dienste exportieren:
Lösungen für häufige Probleme mit der Browser-Erweiterung
Chatnachrichten erscheinen nicht mehr, wenn Browserfenster im Hintergrund oder minimiert sind. Das liegt daran, dass Browser Tabs im Hintergrund drosseln, um Ressourcen zu sparen.
chrome://flags/#enable-throttle-display-none-and-visibility-hidden-cross-origin-iframeschrome://flags/#calculate-native-win-occlusionchrome://settings/performance
Beim Versuch, Bot-Befehle oder automatische Antworten zu verwenden, erscheint eine blaue Debugging-Leiste oder automatische Antworten funktionieren nicht.
Tritt unserem Discord-Community-Server bei. Dort helfen dir der Entwickler und andere Nutzer bei Problemen.
