La_Syl Studio
Guide des widgets

Compteur de spectateurs

Vos spectateurs sur chaque plateforme, ou leur total, sur une ligne — avec, si vous voulez, le nombre de personnes qui ont écrit pendant le stream. Gardé dans Streamer.Bot.

Une petite ligne avec vos spectateurs en direct : les logos Twitch, YouTube et Kick, chacun avec son nombre de spectateurs — ou un seul total pour tous. Activez Afficher les chatteurs uniques pour ajouter le nombre de personnes différentes qui ont écrit dans votre chat depuis le début du stream.

Plateformes : Twitch, YouTube, Kick

Pack d'actions : nécessaire — Stream UI - Backend enregistre les compteurs dans Streamer.Bot, les remet à zéro et garde l'état affiché ou masqué du widget. Voir Qui a besoin de quoi.

Fonctionnement

  • Les spectateurs viennent des plateformes. Streamer.Bot envoie régulièrement le nombre de spectateurs de chaque plateforme ; le widget affiche le dernier. Une plateforme désactivée sur la page Réglages n'est pas affichée.
  • Chatteurs uniques ajoute 1 au premier message de chaque personne (l'événement First Words de Streamer.Bot) : un par spectateur, quoi qu'il écrive ensuite. Les utilisateurs ignorés et les comptes diffuseur et bot connectés dans Streamer.Bot ne sont pas comptés.
  • Chaque compteur est enregistré dans Streamer.Bot, sous forme de variables globales persistantes : un rechargement de la source navigateur ne perd rien — et vos propres actions peuvent les lire :
    VariableContient
    streamUi.viewers.twitch, .youtube, .kickLes spectateurs de chaque plateforme
    streamUi.viewers.totalLeur total
    streamUi.firstChatters.twitch, .youtube, .kickLes chatteurs uniques de chaque plateforme
    streamUi.firstChatters.totalLeur total
  • Une remise à zéro met les compteurs à 0, spectateurs et chatteurs uniques. Par défaut, chaque plateforme est remise à zéro quand votre stream démarre dessus.
  • Seul l'overlay qui lance les actions les écrit. Tous les autres overlays suivent les variables. → Quel overlay lance les actions

La page

La page du widget fonctionne comme une petite application :

  • Réglages, Style et Commandes, les onglets au-dessus de l'éditeur, changent ce qu'il affiche.
  • L'onglet Réglages réunit tous les réglages dans la zone principale. Dans l'onglet Commandes, une colonne à gauche liste les commandes, la liste de déclencheurs de celle choisie à côté, et la zone principale contient les commandes manuelles.
  • Aperçu du widget, le panneau contre le bord droit de la fenêtre : l'aperçu, les boutons de test et l'URL propre au widget. La flèche en haut le replie en un mince rail. Faites glisser son bord gauche pour l'élargir, jusqu'à la moitié de la fenêtre ; il garde sa largeur. Widget montre le widget dans sa position, découpé dans le canevas tel que votre source navigateur le dessine ; Sur le canevas, tout le canevas.

Mise en place

Connectez Streamer.Bot et ajoutez le pack d'actions

Les compteurs sont gardés par l'action Stream UI - Backend → Connexion.

Choisissez ce qui s'affiche

Activez Fusionner les plateformes pour un seul total au lieu de chaque plateforme, et Afficher les chatteurs uniques pour ajouter les chatteurs.

Vérifiez les déclencheurs de remise à zéro

Par défaut, chaque plateforme est remise à zéro à son lancement. Ajoutez un déclencheur à vous — une commande, un raccourci — pour tout remettre à zéro d'un coup.

Mettez à jour votre source navigateur

Recopiez l'URL de l'overlay dans votre source navigateur → Disposition et source navigateur.

Réglages

Affichage

RéglageDéfautDétail
Afficher les icônes de plateformeactivéLes logos des plateformes et l'icône de bulle. Désactivé : les nombres seuls.
Fusionner les plateformesdésactivé (séparé)Désactivé : chaque plateforme avec son icône et son nombre. Activé : un seul nombre, le total, derrière les icônes de toutes les plateformes.
Afficher les chatteurs uniquesdésactivéAjoute une icône de bulle avec le nombre de chatteurs uniques, après les spectateurs.

Commandes

Ce qui affiche, masque et remet à zéro le widget se trouve dans l'onglet Commandes de la page du widget : Afficher, Masquer et Remettre à zéro dans sa colonne, chacune avec sa liste de déclencheurs, et les commandes manuelles dans la zone principale.

Commandes automatiques

Trois listes de déclencheurs, qui se choisissent comme partout ailleurs dans Stream UI : voir Déclencheurs et conditions.

  • Afficher et Masquer — aucun par défaut : affichent ou masquent le widget dans chaque overlay.
  • Remettre à zéro — un déclencheur Twitch, YouTube ou Kick remet à zéro cette plateforme seulement. Tout autre déclencheur — une commande, un événement OBS… — remet à zéro toutes les plateformes.
Déclencheur par défautRemet à zéro
Twitch › Stream Onlineles compteurs Twitch
YouTube › Broadcast Startedles compteurs YouTube
Kick › Stream Onlineles compteurs Kick

Manual controls

D'abord un bouton Afficher / Masquer : un seul bouton, Masquer quand il est affiché et Afficher quand il est masqué, avec la Transition d’apparition, lu en direct : Compteur de spectateurs : Affiché ou Masqué. Puis une tuile par plateforme activée, avec ses valeurs en direct (120 viewers · 14 chatters) et un bouton Remettre à zéro pour cette plateforme ; puis Tout remettre à zéro quand plusieurs plateformes sont activées. Ils sont aussi dans la fenêtre de contrôles. Ils demandent Streamer.Bot connecté et l'action Backend ; l'overlay suit immédiatement.

Masqué, le widget continue de compter ; une fois sorti, sa place revient aux autres widgets de sa position. L'état est gardé dans Streamer.Bot sous streamUi.off.viewers.display (1 masqué) : vos propres actions peuvent afficher ou masquer le widget en changeant cette variable globale persistante.

Style

Chaque élément suit le style de l'overlay champ par champ : un champ modifié dans l'onglet Style devient celui du widget, avec une flèche de réinitialisation à côté. Les icônes et comptes de chaque plateforme peuvent aussi avoir leur propre style : choisissez-la dans Style pour (pas le total fusionné, ni le fond autour de toutes les plateformes). Voir Apparence.

ÉlémentDétail
ConteneurLe cadre du widget, transparent par défaut : il aligne la ligne sur la position du widget.
FondLe cadre derrière toute la ligne : chaque plateforme côte à côte (Direction), centrées, à 14 px. Suit le style Fond des widgets de l'overlay.
IcônesLes logos des plateformes, chacun à la couleur de sa plateforme, et l'icône de bulle. Suivent le style Icônes des plateformes de l'overlay. Listées tant que Afficher les icônes de plateforme est activé.
NombresLes nombres. Suit le style Nombres de l'overlay.
Transition d’apparitionL'apparition et la disparition du widget (Afficher / Masquer). Pendant que vous la réglez, l'aperçu masque le widget puis le réaffiche.

Position par défaut

Position En haut à droite, largeur automatique, taille 100 %. Tout cela se change dans l'onglet Disposition du Créateur d’overlay.

Événements Streamer.Bot écoutés

ÉvénementCe qu'il déclenche
Twitch.ViewerCountUpdateLe nombre de spectateurs Twitch
YouTube.StatisticsUpdatedLe nombre de spectateurs YouTube
Kick.ViewerCountUpdateLe nombre de spectateurs Kick
Twitch.FirstWord, YouTube.FirstWords, Kick.FirstWordsUn nouveau chatteur — +1. Seulement avec Afficher les chatteurs uniques activé
Vos déclencheurs de remise à zéroRemet les compteurs à 0
Vos déclencheurs Afficher et MasquerAffiche ou masque le widget dans chaque overlay
Misc.GlobalVariableUpdated, Misc.GlobalVariableCreatedUn compteur a changé dans Streamer.Bot — affiche la nouvelle valeur ; ou le widget affiché ou masqué ailleurs
Le panneau Aperçu du widget a un bouton de test par plateforme — Twitch viewers, YouTube viewers, Kick viewers — plus Twitch first words, YouTube first words et Kick first words quand Afficher les chatteurs uniques est activé, alors répartis en deux onglets, Spectateurs et Chatteurs uniques. Ils ne jouent que dans l'aperçu : rien n'est enregistré.