LaGrotte
Connexion

Guide

Ajouter l'overlay dans OBS

Quatre étapes. Fonctionne avec OBS Studio et les logiciels qui acceptent une source navigateur.

  1. 1

    Copier l'URL de votre overlay

    Dans votre espace client, ouvrez Overlay puis l'onglet OBS du studio et cliquez sur « Copier la source ». L'URL ressemble à https://…/overlay/votre-jeton. Ce jeton est personnel : ne le partagez pas (qui l'a peut afficher votre overlay).

  2. 2

    Ajouter une source « Navigateur » dans OBS

    Dans OBS, ouvrez la scène voulue, cliquez sur + dans la liste des Sources, choisissez Navigateur et nommez-la (par exemple « Overlay LaGrotte »).

  3. 3

    Renseigner l'URL et la taille

    Collez l'URL dans le champ URL. Réglez Largeur 1920 et Hauteur 1080 : c'est la taille du canvas du studio, ce que vous placez à la souris s'affiche exactement au même endroit. Laissez le reste par défaut puis validez.

  4. 4

    Tester

    Dans le studio, cliquez sur « Tester dans OBS » : une alerte de démonstration doit apparaître dans la source. Si rien ne s'affiche, passez au dépannage ci-dessous.

Sources séparées

Par défaut, une seule source affiche tout. Pour placer un élément à part, ajoutez à la fin de l'URL le nom de la vue (par exemple /overlay/votre-jeton/chat) :

Alertes/alertsFollows, abonnements, abonnements offerts, raids, bits…
Chat Box/chatLe chat de votre chaîne, dans votre style.
Widgets/widgetsDernier évènement, compteur, horloge, liste d'évènements et objectifs.
Réseaux/socialsVos réseaux qui apparaissent puis disparaissent à intervalle régulier.
Sondage/pollLe sondage en cours.
Tirage/raffleLe tirage au sort en cours.

Dépannage

La source reste vide ou transparente

Dans le studio, utilisez « Ouvrir avec le diagnostic » : un bandeau en haut à gauche indique si la connexion est active et quand le dernier signal est arrivé — ou pourquoi l'overlay est inactif (jeton inconnu, overlay désactivé, accès refusé). Envoyez ensuite un test depuis le studio : « dernier signal » doit changer.

L'overlay s'affiche dans le navigateur mais pas dans OBS

Vérifiez la taille de la source (1920 × 1080) et que la source n'est pas masquée. Dans les propriétés de la source, le bouton « Actualiser le cache du navigateur actuel » recharge la page.

Les alertes n'arrivent pas quand un spectateur s'abonne ou suit la chaîne

Ouvrez « Bot Twitch » dans votre espace : la carte « État du bot » liste ce qui bloque (chaîne non reliée, bot éteint, bot non modérateur…). Le bot est éteint par défaut après la connexion de la chaîne : passez-le sur « Bot actif ».

Je veux placer chaque élément séparément

Utilisez les sources séparées ci-dessus : une source Navigateur par élément, chacune avec sa propre URL, puis positionnez-les librement dans OBS.

Toujours bloqué ? Consultez la FAQ ou écrivez-nous.