Afficher les overlays dans sa scène de live

Comprendre le lien local

Le Hub démarre un petit serveur sur ton ordinateur. Le début du lien ressemble à http://127.0.0.1:… : 127.0.0.1 désigne l’ordinateur qui ouvre le lien, pas le site riptideshop.fr. Le port et le reste de l’adresse sont fournis par le Hub ; copie l’adresse complète sans les reconstituer.

Conséquence importante : coller ce lien sur un deuxième PC ou sur un téléphone ne pointe pas vers ton PC de diffusion. Ce guide couvre l’usage sur un seul ordinateur. Tu n’as pas besoin d’ouvrir des ports sur ta box pour afficher ces overlays localement.

Ajouter une source, pas une capture du Hub

1. Ouvre le module souhaité dans le Hub et utilise son bouton de copie du lien overlay. Pour Color Dice, choisis le lien Dice, Garams ou Drags selon ce que tu veux afficher.
2. Dans la scène de ton logiciel de diffusion, ajoute une source capable de charger une page Web par URL. Dans OBS, il s’agit d’une source navigateur ; dans LIVE Studio, utilise l’option de source Web disponible dans ta version.
3. Colle le lien complet et donne un nom précis à la source, comme « Riptide — Spin ». Évite de remplacer un lien existant dans une autre animation par erreur.
4. Adapte la largeur et la hauteur de la source à ta scène, puis positionne-la dans l’aperçu. Si le contenu est coupé, vérifie d’abord les dimensions de la source et son recadrage.
5. Lance une action depuis le Hub et vérifie que le résultat apparaît dans cette source. Ne te limite pas au fait que la page se charge.

Une source Web évite de montrer les boutons de commande, les licences ou les autres fenêtres de ton bureau. Si ton outil ne propose pas de source Web, consulte sa documentation plutôt que de coller l’URL dans un champ de diffusion qui attend une clé de stream.

Rendre l’animation lisible

Place les éléments utiles dans une zone qui ne recouvre pas les informations importantes de ta diffusion. Pour un format vertical, vérifie la lisibilité du nom des participants et des résultats dans l’aperçu réduit : un classement lisible sur ton grand écran peut être trop petit sur un téléphone.

Ajoute d’abord un seul overlay. Quand il fonctionne, ajoute les suivants un à un. Des sources qui se chevauchent ou une source placée derrière la vidéo peuvent donner l’impression d’une panne. Si le Hub propose un fond transparent pour le widget choisi, contrôle le résultat sur le fond réel de ta scène.

Les compteurs des différents modules n’ont pas nécessairement la même portée. Un résultat de manche, un classement de module et un indicateur général ne doivent pas être présentés comme le même total.

Source blanche, vide ou figée : trois vérifications

1. Ouvre le lien dans un navigateur sur le PC du Hub. Si la page est inaccessible, garde le Hub ouvert, recopie le lien courant et vérifie qu’il n’a pas été tronqué. Un ancien port ou une ancienne URL peut ne plus correspondre.
2. Compare avec la source de la scène. Si le navigateur fonctionne mais pas la scène, vérifie la visibilité, le lien, la taille et le recadrage de la source. Recharge cette source si ton logiciel le permet.
3. Compare avec le module. Si la page s’affiche mais ne change pas, déclenche une action dans le module. Si le module lui-même ne reçoit pas les interactions, vérifie la connexion LIVE avant de modifier l’overlay.

Si tu bloques, indique à l’assistance si le lien fonctionne dans le navigateur, le nom de l’overlay et ton logiciel de diffusion. Cette distinction permet d’éviter de réinstaller le Hub pour un simple problème de scène.