Bien démarrer
Ce que c'est
Stream UI est une collection de widgets d'overlay pour les streameurs qui utilisent Streamer.Bot : chat, accueil des chatteurs, récompenses d'activité du chat, tableau des scores du stream et cartes de scores des viewers avec leurs succès, shoutouts et clips, alertes, objectifs et subathon, compteurs, sondages, comptes à rebours, générique de fin, pluie d'emotes et de gifs, et captures d'écran et messages postés sur Discord. Vous configurez tout dans votre navigateur, puis vous collez une URL par overlay dans une source navigateur de votre logiciel de stream — OBS Studio, Streamlabs Desktop, Meld Studio, XSplit ou toute autre application qui a des sources navigateur.
Le point important à comprendre avant tout le reste :
Les quatre étapes
Gardez l'onglet ouvert le temps de la configuration, puis laissez la source navigateur faire le reste.
Connecter Streamer.Bot
Démarrez le serveur WebSocket de Streamer.Bot, puis connectez-vous depuis la page Réglages. Tout reste sur votre PC. → Connexion à Streamer.Bot
Choisir vos widgets
Désactivez ce dont vous n'avez pas besoin et réglez chaque widget : les déclencheurs Streamer.Bot auxquels il réagit, ses textes, objectifs, durées… → Les widgets
Le mettre à vos couleurs
Donnez votre style à tout l'overlay, choisissez la taille du canevas et placez chaque widget. → Apparence
Coller l'URL dans une source navigateur
Copiez l'URL de l'overlay dans une source navigateur de votre logiciel de stream. Elle fonctionne seule : vous pouvez fermer l'onglet. → Disposition et source navigateur
Les dix-sept widgets
Chaque widget a ses propres réglages et, sauf les Récompenses d’activité et les Webhooks Discord qui n'affichent rien, son propre style et un aperçu en direct. Ils sont regroupés comme dans les onglets de la page Widgets de Stream UI.
Chat
| Widget | Ce qu'il fait | Plateformes |
|---|---|---|
| Chat | Chat multi-plateforme avec emotes, badges, annonces Twitch, points de chaîne, Bits, Kicks, Super Chats et Jewels YouTube, et un relais de chat facultatif entre vos plateformes | Twitch, YouTube, Kick |
| Premier du chat | Le premier du chat de chaque stream sur chaque plateforme, avec sa photo et le nombre de fois où il a été premier, en cartes ou sur un podium | Twitch, YouTube, Kick |
| Accueil des chatteurs | Une bulle de bienvenue avec la photo de chaque spectateur à son premier message, lurkers compris si vous voulez, avec un son, un message dans le chat et des accueils personnalisés pour les nouveaux, les groupes et ceux qui reviennent | Twitch, YouTube, Kick |
| Récompenses d’activité | Lance vos propres actions Streamer.Bot et poste des messages quand le chat atteint les nombres de messages que vous fixez, pour tout le chat et pour chaque spectateur | Twitch, YouTube, Kick |
| Pluie d'emotes et de gifs | Les emotes et gifs du chat traversent l'écran avec des animations aléatoires | Twitch, YouTube, Kick |
Stream Scores — gratuits dans un overlay ; Stream Scores Licence lève leurs limites
| Widget | Ce qu'il fait | Plateformes |
|---|---|---|
| Tableau des scores | Les stats de votre stream par plateforme, comptées par les déclencheurs que vous choisissez, face à leur record, avec un message dans le chat quand un record tombe | Twitch, YouTube, Kick |
| Cartes de viewers | Les propres stats de chaque viewer et les succès qu'il a débloqués, sur une carte affichée à sa demande, ou celle de chaque viewer à tour de rôle | Twitch, YouTube, Kick, intégrations |
Événements du stream
| Widget | Ce qu'il fait | Plateformes |
|---|---|---|
| Alertes | Follows, subs, bits, raids, Super Chats et intégrations Streamer.Bot comme Ko-fi, affichés un par un avec la photo du spectateur, et postés sur Discord si vous voulez | Twitch, YouTube, Kick, intégrations |
| Objectifs et subathon | Objectifs par plateforme et par intégration, alimentés par les déclencheurs que vous choisissez, et un compte à rebours de subathon qui grandit à chaque événement | Twitch, YouTube, Kick, intégrations |
| Compteur de spectateurs | Les spectateurs en direct par plateforme ou au total, plus les chatteurs uniques, sur une ligne | Twitch, YouTube, Kick |
| Sondages et prédictions | Sondages et prédictions Twitch, et sondages YouTube, en direct, avec barres de votes et gagnant mis en avant | Twitch, YouTube |
| Générique de fin | Générique défilant plein écran : followers, subs, cadeaux, raids, modérateurs et chatteurs, gardés dans des groupes Streamer.Bot | Twitch, YouTube, Kick |
Clips Twitch
| Widget | Ce qu'il fait | Plateformes |
|---|---|---|
| Shoutout | La photo d'un streamer et l'un de ses clips sur votre commande de shoutout, un raid ou son premier message | Twitch |
| Lecteur de clips | Vos clips Twitch mélangés et enchaînés pendant votre scène de pause | Twitch |
Utilitaires
| Widget | Ce qu'il fait | Plateformes |
|---|---|---|
| Compteurs de stream | Des compteurs pour tout (morts, victoires…), augmentés, diminués, affichés et masqués par vos déclencheurs, vos propres actions ou à la main, et gardés dans Streamer.Bot | Twitch, YouTube, Kick, intégrations |
| Comptes à rebours | Des comptes à rebours avec leur image, leur texte et leur barre, affichés et masqués par vos déclencheurs ou à la main | Twitch, YouTube, Kick, intégrations |
| Webhooks Discord | Poste dans vos salons Discord quand les déclencheurs Streamer.Bot que vous choisissez se déclenchent — le début du live, chaque nouvelle capture d'écran d'un dossier… — un webhook pour autant de déclencheurs que vous voulez, même au nom du spectateur qui l'a lancé | Twitch, YouTube, Kick |
Les intégrations sont les services connectés à Streamer.Bot : Ko-fi, Streamlabs, StreamElements, Fourthwall, Patreon et quinze autres. Elles restent désactivées tant que vous ne les activez pas, sur la page Réglages.
Les alertes, les objectifs, les compteurs et le générique réagissent aux déclencheurs Streamer.Bot que vous choisissez, avec conditions en option — et dans les alertes et les objectifs, un message de chat et un son. → Déclencheurs et conditions
Ce qu'il faut savoir
Vos réglages vivent dans votre navigateur. Ils sont enregistrés en local, pas sur un serveur. Changer de machine ou vider les données du site les efface — d'où l'export de l'onglet Sauvegarde de la page Réglages.
La source navigateur ne lit pas le stockage du site. Toute la configuration est donc compressée dans le hash de l'URL de l'overlay. C'est ce qui explique la règle la plus facile à oublier : après chaque changement de réglage, il faut recopier l'URL dans la source navigateur. La page Overlay prévient quand l'URL copiée n'est plus à jour.
Plusieurs overlays, un seul qui agit. Vous pouvez créer plusieurs overlays — un horizontal et un vertical, par exemple — chacun avec sa propre URL. L'un d'eux lance les actions (messages de chat, sons, comptes), pour que rien ne soit fait deux fois ; les autres ne font qu'afficher. → Plusieurs overlays
Positions et barres. Chaque widget se place dans l'une des neuf positions du canevas, dont vous réglez l'alignement et la taille ; le chat et les objectifs peuvent aussi s'afficher en barre sur toute la largeur, en haut ou en bas. → Positions
Les commandes sous la main. Passer une alerte, vider le chat, ajouter 1 à un compteur, lancer le subathon : l'onglet Commandes de chaque widget a ses boutons, et la fenêtre de contrôles les réunit tous dans un dock de votre logiciel de stream. → La fenêtre de contrôles
Le mot de passe de Streamer.Bot ne quitte pas votre PC. Le hash d'une URL n'est jamais envoyé au serveur web, et les champs d'URL du site cachent vos réglages tant que vous ne les révélez pas.
Gratuit, grâce à la publicité. Des publicités sur le site — jamais dans votre overlay — couvrent les frais d'hébergement. Une licence sans publicité (à partir de 2,99 € par mois, hors TVA) les retire du site : voir l'encadré Soutenir le projet de la page d'accueil de Stream UI, ou l'onglet Licence de la page Réglages. Stream Scores Licence (4,99 € par mois ou 99,99 € une fois) lève les limites du tableau des scores et des cartes de viewers, et retire aussi les publicités. Avec un bloqueur de publicités activé, ou les cookies refusés, le site s'ouvre sur un petit mot de la_Syl et de Ginny, son chat : désactivez le bloqueur pour le site, prenez une licence, ou continuez quand même.