Twitch – tout savoir sur le streaming avec OBS

Twitch – tout savoir sur le streaming avec OBS

Cet article fait partie d’un tutoriel en trois parties ayant pour but de vous apprendre tout ce qu’il y a à savoir sur le streaming Twitch. Cet article est divisé comme suit :


Voici la troisième partie, celle de la gestion des scènes et des sources ou comment faire pour que votre stream ait de la gueule !

Nous allons donc voir très rapidement la création et gestion des scènes ainsi et plus profondément la capture des diverses sources. Viendra ensuite une toute petite explication sur les layouts pour les intéressés avec quelques exemples.

Conseils généraux (parfois évidents mais toujours très utiles) :

  • Tout ce que vous faite dans OBS est instantanément enregistré. Inutile de chercher un bouton de sauvegarde pour ne pas perdre vos aménagements, vous pouvez fermer votre programme et tout retrouver tel quel au prochain lancement !
  • Pour voir vos sources, à l’écran, vous devez impérativement être soit en stream (Commencer le streaming), soit en test (Tester le streaming). Sans cela, vous ne verrez rien ! Eventuellement vous pouvez aussi être en cours d’enregistrement, mais enregistrer votre agencement ne vous mènera à rien de vraiment intéressant, sauf pour un tuto !
  • Tous les déplacement de sources pour l’agencement se font en drag & drop… A la seule condition que vous soyez en mode d’édition (Editer la scène). Le bouton est grisé ? C’est que vous n’êtes ni en test, ni en live !
  • N’oubliez jamais que l’ordre des sources est primordial pour un affichage correct ! Les sources les plus hautes dans la liste, correspondent à l’avant de votre scène, les plus basses dans la liste correspondent au fond ! Votre éventuel Layout (qui comportera des « trous »), se situera donc logiquement au dessus de votre jeu et de votre éventuelle cam. Les éléments que vous rajoutez par dessus, par exemple le titre de la musique qui passe, se situera sur une couche au dessus de votre layout !
  • Avant de faire votre layout, regardez comment vous vous positionnez par rapport à votre webcam. Si vous êtes de face, pas de problèmes, si vous êtes de trois quart, cela signifie que vous serez orienté vers la gauche ou vers la droite. Veillez dès lors à être orienté vers la scène de jeu et non vers le bord de l’écran.
  • Une source peut être capturée a plusieurs reprises si besoin ! La capture de région vous permettant de pouvoir découper virtuellement une source et du coup de pouvoir la manier selon votre convenance !
  • Pour capturer votre jeu, essayez TOUJOURS de passer par l’outil « capture de jeu » avant de tenter la capture de fenêtre.
  • Ne capturez votre écran complet que si c’est VRAIMENT nécessaire !

1. La gestion des scènes

Pour créer une scène (ou plusieurs), rien de plus simple ! Un clic droit sur la fenêtre de droite et « Ajouter scène » ! Vous donnez le nom de votre choix et hop ! Vous avez une scène prête à être construite !

Vous remarquerez que le menu contextuel propose, outre la suppression, le fait de pouvoir renommer et des outils de copie qui fonctionnent très étrangement, qu’il vous est proposé de gérer l’ordre de vos scènes. De déplacer la scène sélectionnée d’un cran vers le haut ou le bas ainsi que de la mener directement en tête de liste ou au fin fond des abîmes !

La première chose à noter est au sujet des noms. A moins de capturer OBS ou la fenêtre où se trouve OBS, personne d’autre que vous n’avez accès à ces informations ! Vous pouvez donc les nommer comme vous le souhaitez, l’important est que vous vous y retrouviez quand c’est nécessaire ! La seconde est au niveau de l’ordre. Le seul intérêt de les ordonner est de vous y retrouver ! L’ordre n’a absolument aucune importante pour OBS contrairement aux sources !

350167Source01

2. La capture des sources

Pour cela, encore une fois, rien de compliqué, clic droit dans le cadre des sources, vous sélectionnez le type de source/de capture que vous souhaitez et c’est parti ! Ceci dit vous avez justement plusieurs possibilités comme indiqué sur l’image et si vous configurez votre OBS en même temps que vous lisez ce tuto, vous constaterez immédiatement que j’ai plus d’options que vous !

En effet, CLR Browser est un plug-in que vous finirez par installer d’une manière ou d’une autre (c’est le plug-in qui vous permet d’aller récupérer des sources online, le chat, les follows en direct, les éventuels dons, etc) et Video qui vous permet de diffuser des vidéos directement ! LiveSplit Splits étant installé plus ou moins automatiquement avec l’application LiveSplit permettant la gestion d’un chronomètre. Son utilité vous sera très limitée, à moins de vouloir vous mettre au speedrun ou d’indiquer le temps qui passe depuis le début du stream.

Dans tous les cas, nous allons passer rapidement en revue chaque option de capture de base.

511658Source02

a. Capture de la fenêtre

La capture de la fenêtre vous sera des plus utiles si vous avez besoin de capturer directement une fenêtre de votre navigateur ou plus probablement lorsqu’un jeu n’est pas capturable par sa source.
Cela ne vous paraît pas clair ? C’est normal ! Vous avez en dernière option (menu contextuel), capture de jeu. Pour capturer un jeu, vous devez passer par cela. Ceci dit certains programmes résistent encore et toujours à l’envahisseur ! Certains jeux (vraiment rare) ne vous permettront pas de capturer la source directement ainsi que la plupart des émulateurs, dans quel cas, passer par la capture de fenêtre est votre unique alternative valable !

Vous pourrez capturer seulement l’intérieur de la fenêtre ou la fenêtre entière, bordure comprise ! Vous pourrez également capturer ou non le curseur de votre souris, utile pour les jeux a clic, inutile pour les jeux au clavier/souris/manette. L’opacité permettra de rendre la fenêtre plus ou moins transparente (a force d’utilisation, cette fonctionnalité peut s’avérer très utile !).

Vient maintenant le gros morceau, la capture d’une région ! En cochant l’option, le bouton « Sélectionner une Région » deviendra accessible et en cliquant dessus, votre fenêtre capturée reviendra au premier plan avec un filtre blanc dessus. Vous pourrez alors déplacer les bords de ce cadre par drag & drop (ou, si besoin d’une précision plus pointue, vous pourrez entrer vous même les données manuellement). Attention que la région capturée correspondra au filtre blanc, cadre INCLUS ! Si vous mettez la zone désirée dans le cadre (donc cadre exclus), le résultat ne correspondra pas à vos attentes. N’hésitez surtout pas à jouer un peu avec cette fonctionnalité pour en saisir mieux le fonctionnement

Enfin l’Incrustation Couleur permet d’exclure une couleur de la source. Le bouton sélection permet d’aller directement cliquer sur la couleur désirée sur la source, la similitude permet de préciser ou nuancer la couleur ciblée (si vous souhaitez cette couleur là précisément au degré près ou si vous laissez un peu de marge) et le fondu permet de soit supprimer totalement la couleur, soit de la rendre plus ou moins transparente.

Le combo capture de région + incrustation de couleur permet par exemple de capturer le chat twitch et de l’affiché exempté de sa couleur de fond, mais d’autres outils sont depuis lors accessible (via le CLR) pour énormément faciliter ce genre de choses !

713849Source03

 b. Capture d’écran

Très semblable à la capture de fenêtre, la capture d’écran capture directement l’écran complet. En cas de multiples écrans, vous devez choisir celui que vous souhaitez capturer avec cette source. Très utile pour faire du tutoriel directement mais plutôt conseillé pour du travail offline.

239010Source04

c. Image

Là encore, peu à dire, les menus sont assez simples et se ressemblent un peu. Vous pouvez aller chercher une image dans vos fichiers, l’afficher, lui mettre un effet de transparence, supprimer une couleur, tout ça tout ça… L’option Vérifier les changements sur le fichier peut être intéressante, mais théoriquement, vous vérifierez toujours si votre scène est opérationnelle avant de lancer votre stream. L’option permet en tout cas de vérifier fréquemment les modifications sur le fichier (s’il est toujours là où s’il est absent et s’il a été remplacé avec le même nom, permettra d’actualisé bien qu’en pratique, même sans cela, l’actualisation du fichier reste d’actualité).

Le format gif pour les gifs animés est disponible !

746861Source05

d. Texte

A ne pas sous-estimer : le texte est un élément très utile !

Vous avez la possibilité d’entrer le texte de votre choix ou d’aller récupérer un fichier texte sur votre PC pour l’afficher. Vous souhaitez faire une pause ? Tapez un texte pour l’indiquer aux viewers qui arriveraient pendant votre absence. Vous voulez apposer votre signature ? Utilisez le texte !

L’utilisation la plus fréquente concerne la musique. Nombre de programme permette d’actualiser un fichier texte en direct avec le titre de ce que vous diffusez (ou même d’aller chercher les informations sur le net et de les mettre dans le fichier). Vous n’aurez plus qu’à aller chercher le fichier texte, de l’afficher et vous pourrez même le personnaliser !

Au niveau des polices d’écriture, toutes celles installées sur votre pc sont accessibles. Je ne vous ferai pas un cours de traitement de texte, sachez en tout cas que la vitesse de défilement permet de… faire défiler du texte, oui, mais que celui ci peut être paramétré en positif et en négatif pour un défilement vers la gauche ou vers la droite !

Le contour permet de mettre une couleur de contour et le fait de manière très propre !

Enfin, dès lors que vous utilisez les étendues de texte personnalisé, la taille du cadre d’affichage tombe d’office à 32px*32px, le cadre est alors agrandissable à loisir mais cela se fait manuellement en encodant les chiffres directement. Si vous avez lancé un test du streaming ou que vous faites ça en live, vous pourrez voir les modifications directement avec un cadre vert indiquant la zone qui sera allouée à votre texte.

198519Source06

e. Périphérique de Capture vidéo

Vous permet de capturer tous les périphériques externes de capture d’image. La plupart du temps, votre webcam ! Le choix du périphérique vous permet de sélectionner celui qui capturera.
Si vous avez plusieurs webcam a afficher simultanément, vous pouvez le faire via plusieurs captures de sources différentes. Les cartes d’acquisitions seront également capturées à partir d’ici !

Je pense que les explications sont superflues, les options parlant d’elles-même. Petite note tout de même sur la Chroma Key qui n’est autre que l’incrustation de couleur. Si vous utilisez un fond vert, c’est via la Chroma Key que vous irez sélectionner le vert de votre fond afin qu’il soit dissocié en direct de votre image !

588446Source07

f. Capture de jeu

ENFIN ! L’option la plus importante ! Elle vous permettra de capturer nombre de programmes mais surtout, votre jeu. Ici dans l’exemple c’est winamp qui est sélectionné, bien évidemment, veillez à être certain que ce soit bien le jeu que vous capturez !

Le raccourci clavier permet d’afficher et de cacher la source à loisir. Je n’en ai jamais vraiment trouvé d’utilité pour ma part.

Etirer l’image à l’écran permet comme son nom l’indique, d’étirer l’image. Option utile dans certaines situation où, pour une raison x ou y, le cadre de capture apparaît plus grand que la source capturée, laissant un vilain cadre transparent entre l’image et le bord. Situation rare mais très gênante pour agencer au mieux votre source sur votre scène. Etirer l’image à l’écran vous permet de combler ce vide en étirant la source. Cela arrive fréquemment lorsque vous jouez a une résolution inférieure à celle de votre bureau et que vous êtes de surcroît en fenêtré.

La suspension de la compatibilité anti-triche fait référence au Valve Anti-Cheat System. En effet, la capture du jeu est une intrusion dans le processus du jeu, certains jeux plus anciens pourraient mal le prendre et vous causer des soucis. Si tel est le cas, suspendez la compatibilité et si le résultat n’est pas mieux, passez par une capture de fenêtre !

252818Source08

3. Le layout

Que dire sur le layout… A la fois beaucoup de choses et pas grand chose ! Déjà, qu’il n’est pas obligatoire ! Le layout permet d’organiser les choses proprement mais ne rend pas forcément un aspect professionnel. En effet, utiliser un layout pour être brouillon est contre-productif. Ne pas en utiliser alors que pour vous, chaque chose doit avoir une place vous rendra fou ! Et surtout, en utiliser un alors que vous même êtes plutôt à parler de tout et de n’importe quoi, a passer du coq à l’âne toutes les 2 minutes ou autre attitude du genre ne collera pas non plus. Un layout doit être représentatif de votre personnalité. Quelque chose de simple, aéré et clair va plutôt servir quelqu’un de calme, de posé, qui n’a pas besoin de tout le temps gesticuler.

Dans tous les cas, pour la création de votre image, utilisez la résolution de base indiquée dans vos paramètres vidéo d’OBS. Par exemple, si votre résolution de base est de 1600*900, créez une image en 1600*900, même si derrière, vous diminuez la résolution de diffusion par 1.25 (donc en 1280*720). Ensuite, utilisez un format permettant de travailler sur de la transparence (exit le .jpg, bienvenue le .png !). Et pour terminer, le plus compliqué, prévoir des « trous » dans votre image, des cadres de transparence vides pour accueillir votre jeu et éventuellement votre webcam !
Je ne peux malheureusement vous donner de taille ou autre parce que ça dépend de beaucoup de choses. Votre jeu est-il en 16:9 ou en 4:3 ? Votre webcam est-elle en 16:9 ou en 4:3 ?

Dans tous les cas, le « trou » doit être suffisamment grand que pour accueillir vos images. Après vous pouvez faire les trous un poil plus petit pour des effets de styles. Pour du rétro par exemple, rien ne vous empêche de mettre une image de vieille télé sur votre layout, de découper dans l’écran et de mettre cet élément avec une transparence très légère ainsi, l’image du jeu derrière se retrouvera altérée par le filtre ainsi créé. Attention toutefois que, sauf erreur de ma part, on ne peut effectuer de rotation dans OBS ! Tout doit donc être pensé pour être mis à plat !

Dans mon exemple très sobre que je n’utilise plus, j’ai un cadre « blanc » pour le jeu, un autre pour la caméra, sous la camera un espace libre pour capturer le chat. Sous le jeu un cadre libre pour indiquer ce que je veux par rapport au jeu (le titre, l’objectif, ou autre) et encore en dessous, plus étroit, un espace pour faire défiler le titre des chansons jouées.

366272169RequestON

Enfin, pour l’exemple, voici la scène que j’utilise le plus souvent. Elle comporte 21 sources, les voici dans l’ordre :

  • Le logo « Isaac Afterbirth », situé au plus haut car doit se placer le plus à l’avant possible pour ne jamais être couvert par quoi que ce soit.
  • 3 sources CLR (pour les donations, le chat et les popups de signalement de follow/donation, vous ne voyez pas les deux derniers dans l’exemple), ces trois dernières sont ainsi toujours visibles lorsqu’il y a quelque chose à afficher !
  • Le cadre autour de la webcam (le texte étant intégré à l’image et n’étant pas une source).
  • Ma webcam
  • Les 3 encadrements « Stage », « Item Tracker » et « Seed + personnage + etat »
  • 6 captures de mon item tracker pour remplir les 3 encadrement pré-cités
  • Les 4 éléments textuels (le titre de ce qui passe, la personne ayant demandé la chanson (texte « à cause de » + fichier texte indiquant la personne liée à l’entrée de la chanson), le fait que le songrequest soit actif)
  • La capture de jeu
  • En fond, une vidéo courte qui tourne en boucle

Généralement, 1 à 3 sources sont plus que nécessaire (le jeu, la webcam, le layout éventuel). 1 à 4 sources sont fréquemment utilisées si vous passez de la musique, tout dépend de la manière dont on veut faire ça. 1 à 3 sources pour le CLR (dons, chat, notifications) sont utilisées si vous voulez pousser le vice jusque là et au-delà, tout ce que vous pourrez imaginer !

J’ai donc une scène vraiment très chargée mais en adéquation avec ma façon d’animer !

929571OBS2

Laisse un commentaire

* champs obligatoires