Guide
Comment ajouter un overlay interactif à un live Voggt avec OBS
Pour ajouter un overlay interactif à un live Voggt, tu prépares un show dans HypeLayer, tu colles son lien sécurisé dans OBS comme source navigateur, puis tu pilotes tes interactions pendant le direct. Voici chaque étape.
Publié le · 4 min de lecture
Ce qu’il te faut avant de commencer
- Un accès à la bêta privée de HypeLayer.
- OBS installé sur ton ordinateur.
- Un compte Voggt qui peut diffuser depuis OBS. Les conditions d’accès dépendent de Voggt : vérifie ton compte avant de préparer ton live.
Étape 1 : prépare ton show
Crée un show dans HypeLayer à partir d’un modèle, organise tes scènes, puis personnalise-les avec tes images, vidéos et sons.
Choisis bien le format à la création, car il ne se change pas ensuite : 9:16 pour un live vertical, 16:9 pour un live horizontal.
Étape 2 : génère ton lien OBS
Dans HypeLayer, ouvre la section Source OBS et clique sur « Générer le lien OBS ». Garde ce lien pour toi : il donne accès à l’affichage de ton overlay. Si tu le régénères, l’ancien lien est désactivé immédiatement.
Étape 3 : ajoute la source navigateur dans OBS
- Dans OBS, ajoute une source de type « Navigateur » à ta scène.
- Colle ton lien HypeLayer dans le champ URL.
- Règle la taille selon ton show : 1080 × 1920 en 9:16, ou 1920 × 1080 en 16:9.
- Vérifie que le canevas d’OBS (Paramètres, Vidéo) a le même format que ton show.
- Place la source au-dessus de ta caméra dans la liste des sources.
Étape 4 : branche le chat Voggt
Les mécaniques qui lisent le chat n’ont besoin d’aucun identifiant Voggt. Il suffit d’indiquer quel live écouter :
- Applaudimètre : colle l’URL de ton show Voggt en direct dans les réglages du widget.
- Déclencheurs de chat : renseigne le lien de ton profil Voggt dans la section Stats. HypeLayer retrouve ton live à partir de ce profil pendant que ton show est en direct.
Étape 5 : passe en direct et teste
Passe ton show en direct dans HypeLayer et active la scène voulue : les interactions ne se lancent que sur la scène active d’un show en direct. Déclenche une interaction et vérifie qu’elle apparaît dans l’aperçu d’OBS avant d’ouvrir ton live au public.
Si quelque chose ne fonctionne pas
- Rien ne s’affiche dans OBS : vérifie l’URL de la source. Si tu as régénéré ton lien, colle le nouveau.
- L’overlay est coupé ou déformé : compare la taille de la source et le canevas d’OBS avec le format de ton show.
- Les boutons d’interaction sont désactivés : vérifie que le show est en direct et que la scène est active.
- « Chat indisponible » : vérifie que ton show Voggt est bien en direct, puis relance la manche.
HypeLayer est un service indépendant, non affilié à Voggt.