Tous les articles
OBS et Overlays

Comment connecter OBS à BoTik

Deux façons de relier OBS et BoTik : les sources navigateur pour les overlays, et la connexion WebSocket optionnelle qui permet de changer de scène depuis votre Stream Deck.

L’équipe BoTik3 min de lecture
PartagerXFacebookWhatsAppReddit
L’onglet Configuration OBS dans BoTik Studio, avec les instructions de source navigateur et les champs de connexion WebSocket

Il existe deux connexions distinctes entre OBS et BoTik, et les confondre est la raison pour laquelle la plupart des tutoriels s’égarent. L’une met BoTik sur votre live. L’autre permet à BoTik de piloter OBS. Vous avez besoin de la première. La seconde est facultative.

Deux connexions, deux rôles

BoTik

ouvert dans votre navigateur

Source navigateur

les overlays apparaissent en live — obligatoire

WebSocket OBS

BoTik change de scène — facultatif

Le lien WebSocket va du navigateur à OBS à l’intérieur de votre propre ordinateur. Rien de tout cela ne passe par les serveurs de BoTik.

1. Sources navigateur : mettre BoTik à l’écran

C’est ainsi que les overlays arrivent sur votre live. Chaque overlay de BoTik a une URL ; OBS affiche cette URL comme un calque de votre scène.

La carte Source navigateur dans l’onglet Configuration OBS de BoTik avec les étapes numérotées
Studio → Configuration OBS reprend les mêmes étapes déjà remplies avec vos propres URL.
  1. Ouvrez BoTik → Studio → Overlays et copiez l’URL d’un overlay.

  2. Dans OBS, cliquez sur + sous Sources et choisissez Navigateur.

  3. Collez l’URL et réglez la largeur et la hauteur recommandées par la carte de l’overlay.

  4. Décochez « Arrêter la source lorsqu’elle n’est pas visible ».

    Sinon OBS détruit la page à chaque changement de scène et l’overlay se reconnecte à zéro : les classements repartent, les minuteurs redémarrent.

Remarque

Une source navigateur n’a besoin ni de mot de passe, ni de plugin, ni d’une version d’OBS postérieure à 2017 environ. Si vous ne voulez que des overlays, vous avez terminé ici : le reste de ce guide est facultatif.

2. WebSocket OBS : laisser BoTik piloter OBS

La connexion WebSocket est ce qui permet à un bouton du Stream Deck de changer votre scène ou de masquer une source. OBS embarque un serveur WebSocket depuis la version 28 : aucun plugin à installer.

La carte WebSocket OBS dans BoTik avec les champs hôte, port et mot de passe et un bouton Connecter
Par défaut, localhost et le port 4455. Le mot de passe est facultatif et reste sur votre machine.
  1. Dans OBS, ouvrez Outils → Paramètres du serveur WebSocket

    Cochez Activer le serveur WebSocket. Notez le port (4455 par défaut) et, si vous en avez mis un, le mot de passe.

  2. Dans BoTik, ouvrez Studio → Configuration OBS

    Renseignez hôte, port et mot de passe à l’identique, puis appuyez sur Connecter. Le badge passe à Connecté.

  3. Vérifiez que le sélecteur de scènes est apparu

    Une fois connecté, un sélecteur de scènes et une liste de sources apparaissent sous le formulaire. Si vous pouvez changer de scène depuis là, le lien fonctionne.

Cette connexion ne quitte jamais votre ordinateur

Votre navigateur parle directement à OBS sur localhost:4455. Le mot de passe est chiffré dans le stockage local du navigateur et n’est jamais envoyé aux serveurs de BoTik — ce qui explique aussi pourquoi il faut refaire la configuration sur une autre machine.

Quand ça ne se connecte pas

SymptômeCause habituelle
Erreur de connexion immédiateLe serveur WebSocket n’est pas activé dans OBS, ou OBS n’est pas lancé.
Se connecte puis coupeUne autre application occupe déjà la session WebSocket. Fermez l’autre contrôleur.
Mauvais mot de passeOBS affiche le mot de passe dans Outils → Paramètres du serveur WebSocket → Afficher les infos de connexion.
Marche à la maison mais pas sur le PC de streamLa connexion est propre à chaque navigateur et machine. Refaites la configuration là-bas.
Les overlays marchent, le WebSocket nonIls sont indépendants. Les overlays n’ont pas besoin du WebSocket.

Avec OBS connecté, le vrai bénéfice est dans le Stream Deck : des boutons qui changent de scène, basculent des sources et déclenchent des effets d’overlay sans alt-tab. Si vous n’avez encore ajouté aucun overlay, commencez par le guide des overlays.

PartagerXFacebookWhatsAppReddit

À lire ensuite