Des overlays OBS dynamiques avec variables et Google Sheets
Scores, objectifs de dons, noms d'équipes ou prochain match : ces valeurs changent pendant un stream. Stockez-les dans des variables et chaque overlay qui les utilise se met à jour tout seul.
Compte Vision requis. Vous construisez l’overlay dans l’éditeur. · Mis à jour le
Comment ça marche
Ce qu'il vous faut pour un overlay dynamique
Ouvrez un overlay dans Vision et choisissez Overlay → Variables. Créez une variable et choisissez d'où vient sa valeur : saisie à la main, un compteur, les stats Twitch ou Kick, Google Sheets, une API ou un webhook. Insérez-la dans un calque texte, liez-y la visibilité d'un calque et modifiez-la depuis le chat, une automatisation ou le Stream Deck. La source navigateur dans OBS se met à jour sans rechargement.
- Un overlay Vision ajouté à OBS comme source navigateur
- Le plan Basic ou supérieur pour les variables
- Le plan Pro pour Google Sheets, les API HTTP et les webhooks
Étape par étape
Créer un overlay d'objectif de dons depuis Google Sheets
Ouvrir les variables
Ouvrez votre overlay dans l'éditeur Vision et choisissez Overlay → Variables. Cliquez sur New puis, sous Pick a source, choisissez Google Sheets.
Connecter la feuille
Cliquez sur Connect Google et autorisez l'accès en lecture seule. Collez l'URL de la feuille et indiquez comme plage la cellule de votre total, par exemple Sheet1!B2. Nommez la variable Total des dons, avec la clé donations et le type number. Test now affiche la valeur actuelle.
Ajouter l'objectif et un pourcentage
Créez une deuxième variable avec la source Manual, la clé goal et la valeur 1000. Puis une troisième avec la source Expression et l'expression ({donations} / {goal}) * 100. Elle contient toujours le pourcentage actuel.
Afficher les valeurs dans l'overlay
Sélectionnez un calque texte et cliquez sur Insert Variable dans sa barre de contrôle. Choisissez donations et écrivez autour, par exemple € récoltés. La puce affiche la valeur en direct dans l'éditeur et dans OBS. Pour un nombre qui monte, liez les points d'un calque Score au pourcentage.
Afficher une bannière quand l'objectif est atteint
Ajoutez un calque texte Objectif atteint. Dans la liste des calques, cliquez sur son bouton de liaison de visibilité, choisissez Add condition et réglez donations is at least. Passez à Compare to another variable et choisissez goal. L'aperçu indique si le calque est visible en ce moment.
D'où une variable tire sa valeur
Chaque variable a une source. Les valeurs Manual se saisissent à la main, les Counter montent et descendent par pas. Time / Clock affiche l'heure, la durée du live, un compte à rebours ou le temps écoulé depuis une date. Channel stats propose 40 valeurs Twitch et Kick, comme dernier follower, meilleur donateur ou subs de ce stream. Vision Companion apporte rythme cardiaque, vitesse et données santé depuis l'app mobile, et Logo Rotation suit une rotation en cours.
Ces sources sont incluses dans Basic. Pro ajoute Google Sheets, HTTP API et Webhook, les données de quiz shows et de tournois, et les scores de foot en direct avec délai de stream, pour que l'overlay ne divulgue pas un but avant vos viewers.
Chaque variable est soit locale à un overlay, soit disponible dans tous vos overlays. Vous le choisissez avec Scope à la création ; ce n'est plus modifiable ensuite.
Connecter Google Sheets, des API et des webhooks
Google Sheets lit une cellule par variable, avec un accès en lecture seule à votre compte Google. Utilisez une variable par cellule à afficher. Vision vérifie la cellule jusqu'à toutes les 15 secondes.
HTTP API interroge une URL en GET ou POST jusqu'à toutes les 5 secondes. Extrayez une valeur du JSON avec un chemin comme data.items[0].value et ajoutez un jeton bearer, une authentification basic ou vos propres en-têtes. Les requêtes passent par les serveurs de Vision : les jetons n'arrivent jamais dans la source navigateur.
Webhook donne à la variable une URL privée. Envoyez-y du JSON ou du texte depuis n'importe quel outil, script ou service, et la valeur change aussitôt. L'éditeur affiche un exemple curl prêt à tester.
Adapter les calques aux valeurs
Les calques texte affichent les variables sous forme de puces. Les calques Score peuvent prendre leurs points d'une variable, les comptes à rebours leur heure de début ou de fin.
Chaque calque peut lier sa visibilité à des règles. Combinez-les avec ALL ou ANY, testez nombres, texte, expressions régulières ou dates, et comparez à une valeur fixe ou à une autre variable. Masquez un emplacement sponsor tant que sa valeur est vide ou affichez un calque seulement les jours de match.
Les variables Expression calculent une valeur à partir d'autres, avec arithmétique, comparaisons, conditions de la forme ? : et fonctions comme round, min, max et clamp. Elles se recalculent dès qu'une entrée change.
Changer les valeurs depuis le chat, les automatisations et le Stream Deck
Les variables Manual et Counter se modifient pendant le live. Dans le Chatbot, ajoutez une action Variable à une commande ou un minuteur pour définir, augmenter, diminuer ou réinitialiser une variable, sur Twitch et Kick. La valeur est fixée dans la commande.
Les automatisations, en bêta, peuvent démarrer quand une variable change et définir des variables à une étape du flux, par exemple ajouter un à subs_today à chaque nouveau sub. Un déclencheur Chat command transmet aussi ce qui suit la commande : définissez une variable sur {{trigger.arg1}} et !score 5 la met à 5.
Le plugin Vision pour Stream Deck a une action Variable pour ajouter, soustraire, définir ou réinitialiser. Les raccourcis des compteurs fonctionnent tant que l'éditeur d'overlay est ouvert.
Dépannage
Si quelque chose ne fonctionne pas
- Pas d'entrée Variables dans le menu Overlay ? Les variables nécessitent le plan Basic ou supérieur.
- La valeur Sheets ne change pas ? Vérifiez la plage et cliquez sur Reload now. Si Last poll failed s'affiche, vérifiez que le compte Google connecté peut ouvrir la feuille.
- Une commande de chat ou un bouton Stream Deck ne fait rien ? Seules les variables Manual et Counter se modifient ainsi.
- Un calque reste masqué ? Ouvrez ses règles de visibilité. L'aperçu affiche Waiting for values… tant que toutes les variables des règles n'ont pas de valeur.
FAQ
Overlays dynamiques : questions fréquentes
Dois-je recharger la source navigateur quand une valeur change ?
Non. Les nouvelles valeurs arrivent dans l'overlay en temps réel. Horloges et expressions se recalculent directement dans l'overlay.
Vision peut-il écrire dans mon Google Sheet ?
Non. Vision ne fait que lire, une cellule par variable, avec un accès en lecture seule à votre compte Google.
Les viewers peuvent-ils définir une valeur depuis le chat, comme !score 5 ?
Oui, avec une automatisation. Ajoutez un déclencheur Chat command pour !score, réservé aux modos si vous voulez, et reliez-le à une action Variable qui définit score sur {{trigger.arg1}}. Les commandes du Chatbot n'utilisent que des valeurs fixes.
Que deviennent mes variables si je passe à un plan inférieur ?
Vos overlays continuent de les afficher, mais avec le plan Free vous ne pouvez plus les modifier.
