La_Syl Studio
Guide des widgets

Comptes à rebours

Des comptes à rebours affichés par les déclencheurs Streamer.Bot de votre choix, par exemple quand un spectateur échange « couper le micro du streamer pendant 5 minutes ».

Affiche des comptes à rebours à l'écran. Chaque compte à rebours de votre liste a sa propre durée, son image et son texte, et démarre quand l'un de ses déclencheurs Afficher se déclenche — une récompense de points de chaîne du genre « couper le micro du streamer pendant 5 minutes », une commande, un raccourci clavier. Ses déclencheurs Masquer l'arrêtent avant la fin.

Plateformes : Twitch, YouTube, Kick, et les intégrations activées dans Connexion — d'où que viennent vos déclencheurs

Pack d'actions : Stream UI - Get Profile Pic pour les photos des spectateurs sur Twitch, Stream UI - Broadcast pour les commandes manuelles. Voir Qui a besoin de quoi.

Fonctionnement

  • Un décompte par compte à rebours. Un déclencheur Afficher le lance ; s'il est déjà à l'écran, il repart de sa durée complète. Quand le temps est écoulé, il disparaît.
  • Arrêté plus tôt. Un déclencheur Masquer — ou le bouton Masquer — le retire avant la fin.
  • La photo du spectateur. Avec Utiliser la photo de profil du viewer, le compte à rebours affiche la photo de la personne qui a déclenché son Afficher : le spectateur qui a échangé la récompense. Sans personne (un raccourci clavier, le bouton Afficher), il affiche votre image importée, sinon un chronomètre.
  • Chaque overlay compte de son côté. Rien n'est enregistré : une source navigateur qui se charge pendant un décompte ne l'affiche pas.
  • Affichez-le dans un seul overlay si vous voulez un seul décompte à l'écran ; chaque overlay qui montre le widget affiche le sien.

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.
  • Liste des comptes à rebours, la colonne de gauche : vos comptes à rebours, chacun avec sa durée sous son nom. Cliquez sur l'un d'eux pour le modifier. Faites glisser une ligne par sa poignée pour la déplacer ; son interrupteur désactive le compte à rebours (ses déclencheurs et ses boutons ne font alors plus rien) ; son menu le duplique ou le supprime. Ajouter un compte à rebours en ajoute un.
  • La zone principale : les réglages du compte à rebours choisi, ou ses boutons dans l'onglet Commandes.
  • Aperçu du widget, le panneau contre le bord droit de la fenêtre : l'aperçu, un bouton de test Afficher et Masquer par compte à rebours (dans un onglet par compte à rebours), 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

Créez vos comptes à rebours

Dans Liste des comptes à rebours, choisissez le compte à rebours Streamer muted fourni ou ajoutez-en. Réglez ses Minutes et Secondes, et ce qu'il affiche.

Choisissez ce qui l'affiche et le masque

Dans l'onglet Commandes, choisissez le compte à rebours, puis Afficher dans la colonne Commandes, et Ajouter un déclencheur dans Liste des déclencheurs — la récompense qui vous coupe le micro, par exemple. Ajoutez des déclencheurs Masquer si quelque chose doit l'arrêter plus tôt.

Mettez à jour votre source navigateur

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

Réglages

Liste des comptes à rebours

Vos comptes à rebours, Streamer muted (5:00) par défaut. Sous chaque nom, sa durée. Dupliquer ajoute une copie avec les mêmes réglages et déclencheurs.

Réglages du compte à rebours

Le compte à rebours choisi, dans la zone principale, en trois parties : Réglages de la durée, Réglages de l’image et Réglages du texte. Tant que Afficher l’image est activé, Utiliser la photo de profil du viewer est en dessous et l'Image à côté ; tant que Afficher le texte est activé, Modèle du texte est à côté.

ChampDéfautDétail
Nom du compte à rebours—Sa ligne dans la liste, et le texte affiché tant que Modèle du texte est vide.
Durée : Minutes, Secondes5, 0Sa durée.
Afficher le temps restantactivéLe décompte, par exemple 4:59.
Afficher la barre de tempsactivéUne barre qui se vide à mesure que le temps s'écoule.
Afficher l’imageactivéL'image à gauche du texte.
Utiliser la photo de profil du viewerdésactivéLa photo de la personne qui a déclenché son Afficher. Désactivé : l'Image que vous importez. Ni l'une ni l'autre : un chronomètre. Seulement avec Afficher l’image activé.
Afficher le texteactivéLe texte du compte à rebours.
Modèle du textevideCe texte ; vide, le nom du compte à rebours s'affiche. Il peut utiliser les variables du payload du déclencheur Afficher, par exemple {user.name} pour le spectateur qui a échangé la récompense (lisez-les dans l'inspecteur d'événements) ; sans payload (le bouton Afficher), elles sont omises. Seulement avec Afficher le texte activé.

Ses déclencheurs sont dans l'onglet Commandes → Commandes.

Style

Chaque élément suit le style de l'overlay jusqu'à ce que vous modifiiez l'un de ses champs. Dans l'onglet Style, la colonne Styles prend la place de la liste (les styles s'appliquent à tous les comptes à rebours) : choisissez-y un élément pour le styler dans la zone principale, mis en évidence sur l'aperçu ; Texte ouvre une colonne avec ses deux textes. Un élément qu'aucun compte à rebours n'affiche (son interrupteur Afficher désactivé partout) n'est pas listé. Voir Apparence.

ÉlémentDétail
ConteneurLe cadre du widget, transparent par défaut : les comptes à rebours les uns sous les autres, à 14 px.
FondLa carte derrière chaque compte à rebours, en pleine largeur par défaut, sa ligne de textes et sa barre étirées sur toute sa largeur, à 10 px.
ImageL'image du compte à rebours : le style Photos de profil de l'overlay.
Texte › Texte du compte à reboursLe texte du compte à rebours.
Texte › Temps restantLe décompte, au style Nombres de l'overlay. Aussi la couleur du chronomètre.
Barre de tempsLa barre qui se vide à mesure que le temps s'écoule.
Transition d’apparitionL'apparition et la disparition d'un compte à rebours.

Position par défaut

Position En haut à droite, 360 px de large à 1080p, taille 100 %.

Événements Streamer.Bot écoutés

ÉvénementCe qu'il déclenche
Les déclencheurs d'affichage et de masquage choisisLance un compte à rebours (du début s'il tourne déjà), ou l'arrête
General.CustomLes boutons Afficher et Masquer des commandes manuelles

Commandes

Dans l'onglet Commandes, avec un compte à rebours choisi :

  • Commandes, une colonne à côté de la liste, contient Afficher et Masquer, chacun avec les noms de ses déclencheurs. Choisissez-en un pour voir ses déclencheurs dans Liste des déclencheurs.
  • Liste des déclencheurs : les déclencheurs Streamer.Bot qui le font. Ajouter un déclencheur en ajoute un, conditions comprises → Déclencheurs et conditions.
  • La zone principale affiche la tuile du compte à rebours, Streamer muted: 5:00, avec ses boutons. La fenêtre de contrôles a une tuile par compte à rebours activé :
BoutonEffet
AfficherLance le compte à rebours sur tous les overlays, ou le relance.
MasquerLe retire avant la fin.

Ils demandent Streamer.Bot connecté et l'action Broadcast.