OBS
Le meilleur logiciel gratuit pour streamer et enregistrer des vidéos.
Fonctionnement
L'idée n'est pas d'établir un cours sur Open Broadcaster Software (OBS), d'autres l'ont déjà fait bien avant nous et mieux que nous le ferions probablement jamais. YouTube regorge d'ailleurs de tutoriels si vraiment vous avez besoin d'approfondir le sujet ; nous nous contenterons ici d'aborder les points strictement nécessaires à la mise en place des outils Multistream Tools.
OBS permet en premier lieu de définir des scènes dans lesquelles il s'agit d'ajouter des sources que vous pourrez positionner dans une zone de prévisualisation représentant ce que vos spectateurs verront à l'écran. Dans un second temps, vous configurerez également des docks, soit des panneaux que vous seul pourrez voir.
Scènes
Vous découperez donc votre stream en différentes scènes en fonction de ce que vous voulez montrer et naviguerez de l'une à l'autre en un seul clic. On retrouve communément les scènes suivantes chez la plupart des streameurs :
- Start scene ; un compte à rebours avant le début du stream, c'est la première scène affichée lors d'une diffusion en direct
- Talk scene ; la webcam du streameur est affichée en plein écran, les messages du chat sont également affichés en superposition, c'est la scène permettant de discuter avec ses spectateurs
- Gameplay scene ; la webcam du streameur est affichée réduite dans un coin de l'écran en superposition d'une capture de jeu vidéo, c'est la scène permettant de mettre du contenu en avant tout en conservant les réactions du diffuseur
- Be Right Back scene ; un texte expliquant que le stream est momentanément interrompu, c'est la scène que l'on affichera lorsque l'on devra faire une pause rapide sans pour autant mettre fin à la diffusion
- End scene ; un texte expliquant que le stream est terminé et quand aura lieu le suivant, c'est la dernière scène affichée lors d'une diffusion en direct
Tout ce que contient une scène se nomme une source.
Sources
Il existe plusieurs types de sources ; certains comme des images, des textes, des vidéos, une webcam, etc. seront directements visibles sur votre stream tandis que d'autres tels que de la musique ne le seront pas. Quoi qu'il en soit, les sources composent toujours une scène donnée même si chaque source peut être présente sur plusieurs scènes à la fois avec potentiellement des attributs (réglages) différents.
Prenons l'exemple d'une source de type image, celle-ci sera configurée pour pointer vers un fichier en particulier existant sur votre ordinateur dans le répertoire de votre choix ; il s'agit là d'un attribut lié à la source qui ne pourra pas changer d'une scène à l'autre, il faudra créer une nouvelle source pour afficher une autre image. En revanche, vous pourrez tout à fait modifier la taille de l'image et son positionnement à l'écran de façon différente d'une scène à une autre car ces attributs sont liés à une scène et non uniquement à la source.
Libre à vous d'effectuer la mise en scène avec les sources (acteurs) de votre choix pour donner vie à l'univers que vous souhaitez introduire à vos spectateurs, comme au cinéma !
Docks
À la différence des sources, les docks sont des panneaux composant OBS que seul le streameur peut voir car ils ne font partie d'aucune scène. La liste des scènes par exemple n'est rien d'autre qu'un dock. L'intérêt ici est de composer l'interface d'OBS à votre guise pour que celle-ci soit parfaitement adaptée aussi bien à vos besoins qu'à la taille de votre écran car chaque dock est redimensionnable, déplaçable et peut aussi être totalement masqué ou présenté sous la forme d'onglets pour gagner de la place.
Pendant un stream il est important de toujours pouvoir rapidement surveiller l'état de fonctionnement d'OBS car le moindre problème se répercutera directement sur votre diffusion. Dédier un écran à OBS est donc fortement recommandé et vous pourrez tirer parti du système de docks pour définir des panneaux personnalisés qui démarreront en même temps qu'OBS et vous seront alors toujours accessibles.
Sources navigateur Web
Une source de type navigateur Web a pour but d'afficher une page HTML dans une scène ; ce qui, contrairement à une image par exemple, permet un certain dynamisme grâce au code JavaScript pouvant être exécuté à l'intérieur. C'est d'ailleurs pour cette raison le format privilégié par tous les services existants distribuant des overlays pour agrémenter vos streams et Multistream Tools ne déroge pas à la règle.
S'il est possible de pointer aussi bien vers un fichier HTML existant en local sur votre ordinateur qu'un autre hébergé en ligne il est important de noter que la seconde méthode débloque l'accès à davantage de fonctionnalités en plus de faciliter l'installation et la mise à jour des overlays sur différents ordinateurs ; c'est donc celle que nous avons choisie pour nos outils.
Vous devrez donc ajouter des sources de type navigateur Web à vos différentes scènes pour afficher des overlays Multistream Tools.
Bien que ce ne soit généralement pas leur but, les sources de type navigateur Web ne sont pas intéractives par défaut. Autrement dit, cliquer sur celles-ci dans la zone de prévisualisation d'OBS n'aura aucun effet mais un simple clic sur le bouton Interagir (aparaissant dans la barre d'outils de la source une fois cette dernière sélectionnée dans la liste ou bien après un clic avec le bouton droit de la souris sur le nom de la source dans cette même liste) permettra de remédier à ce problème si le besoin s'en fait ressentir.
Docks Internet personnalisés
En plus des docks prédéfinis, il est possible d'ajouter dans OBS des docks Internet personnalisés sous la forme de pages Web. Comme pour les sources de type navigateur Web, il s'agira à nouveau de pointer vers un fichier HTML local ou distant et nous choisirons toujours la seconde méthode pour les raisons énoncées ci-dessus.
Contrairement aux sources de type navigateur Web, les docks Internet personnalisés ne possèdent pas d'options/attributs. On doit actuellement se contenter de leur donner un nom et une adresse mais ils sont prévus pour être intéractifs par défaut et les développeurs seront ravis d'apprendre qu'il est possible de les inspecter/déboguer en effectuant un simple clic avec le bouton droit de la souris sur ceux-ci.
Vous devrez donc ajouter des docks Internet personnalisés à votre installation d'OBS pour afficher des docks Multistream Tools.
API JavaScript
S'agissant de simples pages Web, les fichiers HTML affichés par le biais de sources de type navigateur Web ont accès à une API (Application Programming Interface) JavaScript exposée nativement par OBS. Cette API très puissante permet entre autres d'écrire du code pour lire des informations provenant d'OBS telles que le nom de la scène en cours d'affichage, réagir à des événements comme un changement de scène mais aussi de piloter le logiciel pour, par exemple, changer de scène.
Les overlays basés sur les outils Multistream Tools peuvent évidemment tous tirer parti de cette API à partir du moment où l'attribut de la source de type navigateur Web associée, nommé Permissions de la page, est configuré correctement.
Les docks Internet personnalisés, quant à eux, n'ont malheureusement pas encore accès à cette fonctionnalité mais ceci pourrait être amené à changer dans le futur.