La_Syl Studio
Guide des widgets

Shoutout

Affiche la photo d'un streamer et l'un de ses clips quand vous lui faites un shoutout, quand il vous raid, ou quand un streamer que vous connaissez arrive dans le chat.

Met un autre streamer à l'honneur. Tapez votre commande de shoutout — !so pixelpanda — et l'overlay affiche sa photo de profil, votre message et l'un de ses clips Twitch. Il peut aussi le faire tout seul quand quelqu'un vous raid, ou quand un streamer de votre groupe d'utilisateurs Streamer.Bot écrit dans votre chat.

Plateformes : Twitch

Pack d'actions : nécessaire — Stream UI - Backend récupère la photo du streamer, son dernier jeu et ses clips, vérifie le groupe d'utilisateurs et envoie le shoutout Twitch. Voir Qui a besoin de quoi.

Fonctionnement

  • Trois façons d'en lancer un : votre commande, un raid (Faire un shoutout aux raiders), ou le premier message d'un membre d'un groupe d'utilisateurs Streamer.Bot (Membres du groupe à leur premier message).
  • Un shoutout à la fois. Les autres attendent dans une file et passent l'un après l'autre. Une chaîne déjà à l'écran ou dans la file n'est pas ajoutée deux fois.
  • Un clip de sa chaîne. Le widget choisit au hasard un clip de la dernière année (de tous les temps si la chaîne n'en a pas), et le joue avec son titre et l'auteur du clip. À la fin du clip, le shoutout disparaît.
  • Pas de clip, pas de problème. Quand la chaîne n'a pas de clip, ou que sa vidéo ne se lit pas, le shoutout affiche la photo et l'en-tête seuls, pendant Durée à l’écran sans clip.
  • Le message de chat et le shoutout Twitch ne partent que de l'overlay qui lance les actions, jamais de l'aperçu sur le site : vos tests ne postent rien dans votre chat. Quand le shoutout est affiché dans un autre overlay, celui-ci joue le clip et l'overlay qui lance les actions envoie les messages sans rien afficher. → Quel overlay lance les actions
  • Affichez-le dans un seul overlay. Chaque overlay qui l'affiche joue le clip, son compris — l'onglet Disposition vous prévient.
La commande se crée dans Streamer.Bot, pas ici. Dans l'onglet Commandes de Streamer.Bot, ajoutez une commande avec le même texte que le réglage Commande (!so par défaut) et les permissions que vous voulez — modérateurs seulement, par exemple. Stream UI se contente de l'écouter, et lit la chaîne dans le premier mot qui la suit : !so pixelpanda ou !so @pixelpanda.

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 a une seule section, Réglages du shoutout : ses réglages occupent la zone principale, sans colonne à gauche, en cinq parties : En-tête du lecteur, Pied du lecteur, Son, Message dans le chat et Déclencheurs (Commandes, Raids et Premier message). Les onglets Style et Commandes listent les leurs dans une colonne à gauche : cliquez sur l'une d'elles pour la modifier dans la zone principale.
  • 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

Créez la commande dans Streamer.Bot

Onglet Commandes → ajoutez !so (ou la vôtre), avec ses permissions. Elle n'a besoin d'aucune action.

Activez le widget

Sur la page Widgets, vérifiez que Shoutout est activé. Il est dans l'onglet Clips Twitch, et activé par défaut.

Choisissez ce qui lance un shoutout

Dans Déclencheurs, vérifiez que Commande correspond à la vôtre, puis activez ou non Faire un shoutout aux raiders et Membres du groupe à leur premier message. Pour les membres d'un groupe, tapez le groupe d'utilisateurs Streamer.Bot à surveiller (Streamer.Bot → Users → Groups).

Choisissez ce qui est envoyé

Dans Message dans le chat, activez Envoyer un message dans le chat pour poster un message dans votre chat, et Envoyer un shoutout Twitch pour le /shoutout de Twitch.

Mettez à jour votre source navigateur

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

Réglages

En-tête du lecteur

RéglageDéfautDétail
Afficher l’en-têteactivéLa ligne d'en-tête : la photo du streamer et l'en-tête. Désactivé, les deux disparaissent.
En-têteGo check twitch.tv/{login}La ligne à côté de la photo du streamer. Seulement avec Afficher l’en-tête activé.
Afficher la photo de profil du streameractivéLa photo du streamer à côté de l'en-tête. Seulement avec Afficher l’en-tête activé.
N’afficher que l’en-tête sans clip trouvédésactivéL'en-tête ne s'affiche que pour un shoutout sans clip (celui d'une autre chaîne, ou un clip illisible).
Durée à l’écran sans clip10 sDurée d'affichage d'un shoutout sans clip, de 3 à 60 s. Seulement avec N’afficher que l’en-tête sans clip trouvé activé.

Pied du lecteur

RéglageDéfautDétail
Afficher le titre du clipactivéLe titre du clip, sous la vidéo.
Afficher l’auteur du clipactivéL'auteur du clip, après son titre.
Texte de l’auteurClipped by {clipper}Ce crédit. {clipper} est l'auteur du clip. Seulement avec Afficher l’auteur du clip activé.

Son

RéglageDéfautDétail
Volume100 %Le son du clip, de 0 à 100 %. Les aperçus jouent toujours sans le son.

Message dans le chat

RéglageDéfautDétail
Envoyer un message dans le chatdésactivéPoste un message dans votre chat Twitch à chaque shoutout.
Envoyer avec le botactivéLe poste avec votre compte bot, s'il y en a un de connecté dans Streamer.Bot. Seulement quand Envoyer un message dans le chat est activé.
Message dans le chatGo check out {user} at twitch.tv/{login}! Last seen playing {game}.Ce message. Seulement quand Envoyer un message dans le chat est activé.
Envoyer un shoutout TwitchdésactivéEnvoie aussi le /shoutout de Twitch pour la chaîne. Les limites de Twitch s'appliquent : vous devez être en direct, avec une attente entre deux shoutouts.

Déclencheurs

RéglageDéfautDétail
Commandes › Commande!soLe texte de votre commande Streamer.Bot. Le rappel dessous : créez cette commande dans Streamer.Bot (onglet Commandes), avec les permissions voulues.
Raids › Faire un shoutout aux raidersactivéFait un shoutout à qui vous raid.
Premier message › Membres du groupe à leur premier messagedésactivéFait un shoutout à un membre d'un groupe d'utilisateurs Streamer.Bot la première fois qu'il écrit, une fois par chargement de la source navigateur. Les utilisateurs ignorés et vos propres comptes sont exclus.
Premier message › Groupe Streamer.botTwitch StreamersLe groupe à surveiller. Seulement quand Membres du groupe à leur premier message est activé.

En-tête et Message dans le chat peuvent utiliser ces variables (rappelées sous chaque champ sur la page) :

VariableExempleDétail
{user}PixelPandaLe pseudo affiché du streamer.
{login}pixelpandaSon identifiant, comme dans twitch.tv/{login}.
{game}Hollow KnightCe qu'il a streamé en dernier.

Style

Shoutout et Lecteur de clips partagent un même lecteur : ils se ressemblent, jusqu'à ce que vous modifiiez un champ de l'un des deux. Voir Apparence.

Dans l'onglet Style, la colonne Styles liste les éléments : choisissez-en un pour le styler dans la zone principale, mis en évidence sur l'aperçu ; Texte ouvre une colonne avec ses trois textes.

ÉlémentDétail
ConteneurLe cadre du widget, transparent par défaut : il aligne le lecteur sur la position du widget.
FondLe lecteur : sa Largeur est la taille du lecteur, 800 px par défaut ; la vidéo la remplit, en 16:9 tant que la Hauteur de Vidéo est en Auto. Suit le style Fond des widgets de l'overlay : la carte autour de la vidéo et de ses textes.
VidéoLe cadre du clip : noir, arrondi, avec une ombre.
ImageLa photo de profil du streamer. Listée tant que Afficher la photo de profil du streamer est activé.
Texte › En-têteVotre message. Suit le style Titres de l'overlay.
Texte › Titre du clipLe titre du clip, sous la vidéo. Suit le style Titres de l'overlay.
Texte › Auteur du clipAprès le titre, derrière un tiret. Suit le style Texte de l'overlay.
Transition d’apparitionL'apparition et la disparition du shoutout.

Position par défaut

Position Centre, largeur automatique, taille 100 %. La taille du lecteur est la largeur du Fond, dans l'onglet Style ; la position se change dans l'onglet Disposition du Créateur d’overlay.

Événements Streamer.Bot écoutés

ÉvénementCe qu'il déclenche
Command.TriggeredVotre commande — shoutout à la chaîne tapée après elle
Twitch.RaidUn raid — shoutout au raider. Seulement avec Faire un shoutout aux raiders activé
Twitch.FirstWordUn premier message — shoutout aux membres du groupe. Seulement avec Membres du groupe à leur premier message activé
Les déclencheurs Pause, Reprendre, Passer le shoutout et Vider la file choisisMet en pause ou relance le widget, passe le shoutout, ou vide la file
Misc.GlobalVariableUpdated, Misc.GlobalVariableCreatedLe widget mis en pause ou relancé ailleurs (la page, la fenêtre de contrôles, vos actions)
General.CustomLes réponses de l'action Backend (clips, photo, vérification du groupe) et les boutons
Le panneau Aperçu du widget a deux boutons de test, Commande de shoutout et Raid. Ils ne jouent que dans l'aperçu : rien n'est posté dans le chat et aucun shoutout Twitch n'est envoyé. Ils font un shoutout à votre propre chaîne — ou à celle du studio quand Streamer.Bot n'est pas connecté, avec sa photo et ses clips lus sur Twitch.

Commandes

Dans l'onglet Commandes de la page du widget :

  • Commandes, la colonne de gauche, liste Pause, Reprendre, Passer le shoutout et Vider la file, chacune avec les noms de ses déclencheurs. Choisissez-en une pour voir ses déclencheurs dans Liste des déclencheurs, à côté.
  • Liste des déclencheurs : les déclencheurs Streamer.Bot qui la lancent. Ajouter un déclencheur en ajoute un, conditions comprises → Déclencheurs et conditions.
    • Pause — par défaut : Stream Offline de Twitch.
    • Reprendre — par défaut : Stream Online de Twitch.
    • Passer le shoutout, Vider la file — aucun par défaut.
  • La zone principale indique Shoutout : En cours ou En pause, avec les boutons Reprendre et Pause, puis les autres boutons, tous aussi dans la fenêtre de contrôles :
CommandeEffet
PauseLe shoutout à l'écran s'en va, la file est vidée, et aucun shoutout ne démarre avant la reprise → Pause et reprise.
ReprendreLes shoutouts reprennent.
Passer le shoutoutLe shoutout à l'écran s'en va ; le suivant de la file prend sa place.
Vider la fileAbandonne les shoutouts en attente, et celui à l'écran s'en va.

Les boutons demandent Streamer.Bot connecté.

Pause et reprise

En pause, personne n'a de shoutout : ni clip, ni message de chat, ni shoutout Twitch. Votre commande, les raids et les membres du groupe qui écrivent entre-temps sont ignorés, pas mis en file : la reprise ne rattrape donc jamais de retard. Les membres du groupe qui écrivent pendant la pause comptent comme déjà mis à l'honneur jusqu'au rechargement de la source navigateur.

L'état est gardé dans Streamer.Bot, dans la variable globale persistante streamUi.off.shoutout (1 : en pause ; 0 ou absente : actif) : la pause dure jusqu'à la reprise, même si la source navigateur se recharge, et tous les overlays la suivent aussitôt. Vos propres actions peuvent aussi mettre en pause ou relancer le widget, avec une sous-action Global (Set) sur cette variable. Les boutons et les déclencheurs demandent l'action Stream UI - Backend.