OBS et contrôle distant

Dans cet article, je vais vous expliquer rapidement comment j’ai pu donner la possibilité à quelqu’un de distant, via internet, de se connecter en quelque sorte à mon gestionnaire de scènes OBS pour lui offrir la possiblité de switcher entre ces scènes.

En gros : un opérateur !

Autant, le local il existe de multiples solutions pour piloter son stream OBS depuis une tablette déportée, un téléphone ou autre page web (locales).
Mais dès qu’il a faut passer par un réseau ouvert vers le monde entier (World Wide Web) ça se complique car les régles de sécurité imposent quelques restrictions.

Et puis personnelement, je ne souhaitais pas passer des heures à coder quoi que ce soit !!!

Donc la solution consiste à utiliser 3 différentes choses.
– 1 – OBS-web de Niek (Github)
– 2 – OBS Websocket (Github)
– 3 – Ngrok Tunnel (Site – Instructions)

OBS-web

Lien : Github

Ce petit utilitaire sera le chef d’orchestre pour lier les différents composants et former une petite interface web minimaliste mais suffisante pour pouvoir changer de scènes.

Commencer par le télécharger et installer-le dans le répertoire des des plugins d’OBS (par défaut).

Lorsque tout sera près, il suffira de se rendre à l’adresse : http://obs-web.niek.tv

OBS Websocket

Lien : Github

Ce petit plugin pour OBS va permettre de gérer l’aspect purement technique pour le dialogue entre les différents composants.
Les curieux peuvent s’en servir pour beaucoup d’autres choses. Moi, j’ai juste eu à mettre un mot de passe sécurisé lors de la première ouverture d’OBS après l’installation du dit plugin et je n’ai rien touché aux autres options.
Le port de communication doit cependant être à 4444 par défaut. Si non, le corriger.

Ngrock tunnel

Lien : Officiel – Instructions

Ce petit programme va quand à lui se contenter de faire un « trou » (tunnel) dans lequel il sera possible de s’engouffrer pour envoyer/recevoir les données depuis l’ordinateur local vers (et inversement) internet.

La première des choses à faire, c’est d’ouvrir un compte (gratuit).

Ensuite, commencez par télécharger et installez le logiciel où bon vous semble.

Via le site officiel, il vous est spécifié comment mettre en route ce tunnel à l’aide d’un fichier à créer à coté de l’exécutable dans lequel figure un « token » (une clé privée) que le site officiel vous donne juste après avoir lancé le téléchargement. Ne fermez donc pas la fenêtre trop vite !
Dans dans ce fichier qui portera le nom de ngrok.yml ne doit figurer qu’une ligne de la forme :

./ngrok authtoken VOTRE_TOKEN_VIA_LE_SITE_OFFICIEL

Bien, pour lancer l’utilitaire, un simple double clic suffit pour démarrer.
Ensuite, la documentation vous dis quoi saisir sur cet écran noir.
Vous n’avez donc qu’à saisir :

ngrok http 4444

Voilà, votre tunnel vous répond quelque chose sous la forme :

ngrok by @inconshreveable                                                                               (Ctrl+C to quit)

Session Status                online
Session Expires               53 minutes
Version                       2.3.40
Region                        United States (us)
Web Interface                 http://127.0.0.1:4040
Forwarding                    http://TUNNEL_ID.ngrok.io -> http://localhost:4444
Forwarding                    https://TUNNEL_ID.ngrok.io -> http://localhost:4444

Connections                   ttl     opn     rt1     rt5     p50     p90
                              3       2       0.00    0.00    9.24    12.84

Veuillez simplement noter l’information : http://TUNNEL_ID.ngrok.io

Tout est maintenant prêt et vous n’avez pas vraiment programmé ni codé de longues lignes ni avoir passé énormément de temps !

A présent, il suffit de se rendre à l’adresse : http://obs-web.niek.tv et dans le champs à saisir, de remplir avec l’adresse précédement copié http://TUNNEL_ID.ngrok.io

Et là, si tout s’est bien passé, vous devrez saisir le mot de passe enregistré sur le plugin OBS Websocket pour enfin trouver une page minimaliste où vous pouvez changer de scènes et avoir un petit aperçu (attention à la réactivité très médiocre de l’aperçu) du résultat obtenu.

Bon à savoir

Les sessions via Ngrock sont limitées à 2h.
Un décompte est d’ailleurs visible sur la fenêtre prompt.

Il faut garder ouvert la fenêtre noire (prompt) de Ngrok ouverte pour que le tunnel soit actif et fonctionnel.

A chaque nouvelle connection à votre instance Ngrok, un petit message vous en informe.

Pas besoin d’ouvrir de ports sur votre box !

L’utilisation ici est rudimentaire et basique mais libre à vous, à partir de cette exemple, de faire quelque chose qui vous corresponde mieux.

Avec Android c’est facile !

Nous venons de voir comment contrôler les scènes OBS depuis un navigateur web.
Mais via un téléphone Android, c’est peut-être plus pratique pour vous.

Dans ce cas, il vous faut toujours les mêmes outils que ceux évoqués plus en haut. Nous allons rajouter l’application : OBS Controller pour votre smartphone Android.

Ensuite, c’est le même principe que celui décrit plus en haut.

1/ On lance OBS avec le plugin OBS Websocket paramétré (en n’oubliant pas de mettre un mot de passe !).
2/ On lance l’outil de tunnel Ngrok avec les paramètres ngrok http 4444
3/ Dans l’pplication Android OBS Controller, on saisie l’adresse IP fournie par Ngrok
Ne pas ajouter le HTTP://
Mettre simpelement : <adresse-IPv6>.ngrok.io
4/ Petite précision, si l’accès au port 4444 ne fonctionne pas, essayez simplement avec le port 80 !