Social Stream NinjaSocial Stream NinjaApprenez à configurer, personnaliser et exploiter pleinement Social Stream Ninja
Un seul identifiant de session relie tout : utilisez le même ?session= valeur dans les URL de votre Dock et de vos incrustations.
Recherchez ou ouvrez une catégorie. Commencez par OBS si vous voulez simplement du chat à l'écran.
Aucun guide correspondant trouvé.
Avant de pouvoir utiliser Social Stream Ninja, vous devez l'installer. Il existe plusieurs façons d'installer l'extension de navigateur :
Pour les instructions détaillées d'installation, consultez le Page de téléchargement.
Après l'installation, suivez ces étapes pour commencer à utiliser Social Stream Ninja :
Remarque : Pour une meilleure expérience avec l'extension de navigateur, gardez les fenêtres de chat visibles (non réduites).
Social Stream Ninja fonctionne avec plus de 100 plateformes. Voici comment se connecter aux plus populaires :
Vous pouvez personnaliser le tableau de bord et l'incrustation en ajoutant des paramètres à leur URL. Quelques exemples :
&darkmode - Active le mode sombre du tableau de bord&scale=2 - Double la taille/résolution de tous les éléments&hidesource - Masque les icônes des plateformes (YouTube, Twitch, etc.)&compact - Supprime l'espacement entre le nom et le message&inline - Place le message à côté du nom en conservant l'espacement normal&autoshow - Met automatiquement les messages en avant à leur arrivée (environ 2 toutes les 3 secondes)
&showtime=20000 - Masque automatiquement les messages sélectionnés après 20 secondes&showsource - Affiche les icônes des plateformes à côté des noms d'utilisateurs&fade - Fait apparaître les messages mis en avant en fondu plutôt que brusquement&swipe - Fait glisser les messages mis en avant depuis la gauche¢er - Centre les messages mis en avant à l'écran
Pour simplifier la gestion des URL, essayez notre Outil d'édition des paramètres URL.
Il existe plusieurs façons de personnaliser l'apparence avec CSS :
Dans OBS, vous pouvez ajouter du CSS personnalisé à la source navigateur :
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;
}
Ajoutez du CSS directement via le menu de l'extension :
Choisissez parmi les modèles prédéfinis avec CSS intégré :
YOURSESSIONID dans l'URL du modèle par votre identifiant de sessionExemple : https://socialstream.ninja/themes/pretty.html?session=YOURSESSIONID
Les couleurs des noms nécessitent deux paramètres : une source générale de couleur sous Message - Style et l'option d'affichage du Dock sous Message - Visibilité.
Ouvrir le guide des couleurs des noms du chat pour les captures d'écran, choix de couleurs, dépannage et exemples CSS.
Ajoutez vos propres polices à dock.html ou featured.html sans dépendre des polices Google ou du système.
@font-face.&css=, &b64css=, &font=, ou &googlefont=.Ouvrir le guide des polices auto-hébergées pour les étapes d'hébergement et les exemples CSS.
Social Stream Ninja peut lire les messages du chat à voix haute grâce à la synthèse vocale :
&speech=en-US à votre URL featured.html ou dock.html&pipervoice=pt_BR-faber-medium ou eSpeak &espeakvoice=pt-br, tandis que l'espagnol peut utiliser Piper &pipervoice=es_ES-davefx-medium ou eSpeak &espeakvoice=es.&pitch=1&volume=1&rate=1&ttsprovider=kokoro&ttsprovider=piper&espeakvoice=pt-br et l'espagnol &espeakvoice=es&ttsprovider=kitten&ttsprovider=openai&openaiendpoint=http://localhost:8880/v1/audio/speechVous préférez une solution locale et privée ? Consultez : Guide de synthèse vocale IA locale pour les instructions complètes de configuration, notamment les options de serveur auto-hébergé et la capture audio OBS.
Social Stream Ninja peut utiliser l'IA de plusieurs façons. Choisissez le fonctionnement souhaité avant de choisir un fournisseur.
chatgpt.com onglet sans clé API.Organisez l'affichage des messages dans votre incrustation :
Capturez les événements autres que le chat, tels que les nouveaux followers, abonnements, raids et dons de vos plateformes de diffusion.
Remarque : Les événements de type don (Super Chats, Bits, pourboires) sont transmis automatiquement quelle que soit cette option. Elle sert principalement aux alertes de nouveaux followers/abonnés.
Pour une liste complète des données d'événements et de leurs champs, consultez la Référence des événements documentation.
Affichez la progression des Hype Trains et trains au trésor Twitch sous forme de barre supérieure au style Twitch dans OBS.
Mettez en évidence les nouveaux participants, ajoutez le badge feuille facultatif ou utilisez un bip du Dock réservé aux nouveaux participants.
L'éditeur Event Flow est un puissant système d'automatisation à nœuds pour créer des flux personnalisés. C'est la couche d'« automatisation avancée » qui vous permet de programmer votre propre logique de routage.
Pour que les actions audio, les incrustations multimédias et les actions OBS fonctionnent, vous devez ajouter la page Flow Actions comme source navigateur dans OBS :
Important : Les actions Relay Chat actuelles ignorent automatiquement les échos reconnus. Utilisez un Filtre d’échos (Reflection Filter) nœud pour contrôler si les échos capturés apparaissent dans le Dock et les incrustations. Consultez le présentation du relais de chat pour la configuration. Pour la documentation détaillée, consultez le Guide Event Flow. Pour les sons ou médias des récompenses Kick, utilisez le Guide des points de chaîne / récompenses Kick.
Contrôlez Social Stream Ninja directement depuis Stream Deck, des contrôleurs MIDI ou des raccourcis clavier.
Conseil : Le MIDI convient parfaitement au contrôle du direct sans les mains. Utilisez une pédale pour déclencher des alertes ou un bouton rotatif pour régler le volume.
Créez des commandes de bot interactives et des réponses automatisées pour votre chat.
!joke - Envoie une blague de papa geek au hasard!hi - Salue automatiquement les spectateurs!cycle - Permet aux spectateurs de changer les scènes OBS (avec autorisation)Pour des commandes plus complexes, utilisez l'éditeur Event Flow :
Conditions requises : Les réponses automatiques fonctionnent mieux avec les navigateurs basés sur Chromium. Les fenêtres de chat doivent rester visibles et vous devez avoir l'autorisation de publier sur la plateforme.
Connectez des plateformes externes de dons pour afficher les pourboires et achats dans l'incrustation de votre direct.
Global settings and tools → Mechanics, activez contrôle distant de l’extension par API (remote API control of extension)&server, &server2, ou &server3 pour les webhooks de donsLe don normalisé est partagé avec le chat, les alertes, Event Flow et la tirelire/jauge d'objectif.
| Plateforme | URL du webhook | Type d'événement (Event Type) |
|---|---|---|
| Stripe | https://io.socialstream.ninja/{sessionID}/stripe |
checkout.session.completed |
| Ko-Fi | https://io.socialstream.ninja/{sessionID}/kofi |
Pourboires publics, abonnements, commandes de boutique et commissions |
| Buy Me A Coffee | https://io.socialstream.ninja/{sessionID}/bmac |
Pourboires, abonnements, commandes de boutique, commissions et financement de listes de souhaits |
| Fourthwall | https://io.socialstream.ninja/{sessionID}/fourthwall |
Commandes, cadeaux, dons et nouveaux abonnements |
https://io.socialstream.ninja/YOUR_SESSION_ID/stripecheckout.session.completedTests : Utilisez le mode test de Stripe avec la carte 4242 4242 4242 4242, n'importe quelle date d'expiration future et n'importe quel CVC.
Utilisez : guide illustré de configuration pour Fourthwall, Ko-fi et Buy Me a Coffee, notamment l'état du récepteur, les aperçus isolés et l'importation de produits.
Vous pouvez aussi exporter les données du chat vers des services externes :
Solutions aux problèmes courants de l'extension de navigateur
Les messages de chat cessent d'apparaître lorsque les fenêtres du navigateur sont en arrière-plan ou réduites. Cela se produit parce que les navigateurs ralentissent les onglets en arrière-plan pour économiser des ressources.
chrome://flags/#enable-throttle-display-none-and-visibility-hidden-cross-origin-iframeschrome://flags/#calculate-native-win-occlusionchrome://settings/performance
Une barre de débogage bleue apparaît ou les réponses automatisées ne fonctionnent pas lorsque vous essayez d'utiliser les commandes de bot ou les réponses automatiques.
Rejoignez notre serveur Discord communautaire, où le développeur et d'autres utilisateurs peuvent vous aider à résoudre les problèmes.
