Salut tout le monde!

Aujourd'hui je vous retrouve pour un nouveau tutoriel sur un logiciel dénommé OBS, alias Open Broadcaster Software.

0/ Introduction :

Ceux qui sont familiers avec l'univers du Streaming ont forcément entendu parler de ce logiciel ou connaissent au moins son concurrent direct Xsplit.

Pour ceux qui ne connaissent pas OBS est un logiciel permettant de diffuser sur le web (dit streaming) ce qu'il se passe sur votre écran d’ordinateur. Que ce soit des jeux vidéos, des films ou autre ce logiciel vous permettras de le diffuser sur le web ou de faire des VoD.

Un Elfe a écrit:

Pourquoi tu parles de VoD alors que c'est un logiciel de streaming?

Et bien outre le fait que ce logiciel est à la base conçu pour le streaming il permet aussi de réaliser un "streaming en local" et d'enregistrer au format mp4 ce que vous souhaitez diffuser sur le net.

Pour l'anecdote j'utilise ce logiciel pour toutes mes vidéos. Je vous expliquerais plus bas pourquoi j'ai abandonné FRAPS au profit d'OBS

Open Broadcaster Software est un logiciel libre par conséquent entièrement gratuit. Son auteur travaille en permanence pour l’améliorer notamment grâce à la communauté gravitant autour de ce projet.

Un Elfe a écrit:

Pourquoi OBS et pas Xsplit ?

Et bien en premier lieu le fait qu'OBS soit gratuit contre 15 euros environ pour Xsplit (la version la moins chère).
Deuxièmement il est considéré comme étant plus performant et il utilise moins de ressources de votre système.


1/ Téléchargement et Installation :

Avant de commencer il faut passer par la merveilleuse étape du téléchargement du logiciel et de son installation.
Vous pourrez retrouver exécutable pour Windows => ICI

Un Elfe a écrit:

Mais moi comment je fais car j'ai un Linux ou un Mac?

Je te rassure tout de suite il existe une version pour chaque système d’exploitation qui est disponible sur ce lien

Les mises à jour étant "automatiques" depuis la dernière version, il n'y plus lieu que je vous inquiète en vous racontant comment il fallait tenir à jour le logiciel il y a encore quelques mois : affraid: .

Une fois le logiciel téléchargé je vous invite à l'installer. Pour le coup rien de bien difficile, cependant notez que le logiciel est en , il vous faudra donc effectuer une mini-manipulation pour le mettre en .

Pour ceux qui ne trouveraient pas comment faire, une fois le logiciel lancé :

• Cliquez sur Settings
  
• Choisissez Langue Française
  

Voici ce que vous devriez avoir une fois le logiciel lancé et mis en français

Je vous demanderais de ne pas vous inquiéter pour les Zones Scènes et Sources. En effet c'est ce que nous allons aborder tout de suite

2/ Choses à savoir et configuration du logiciel :

Avant toute utilisation du logiciel je me dois de vous expliquer quelques notions :

Qu’est-ce qu’une scène?
Une Scène est une superposition de différentes sources. L'utilité des scènes est de pouvoir enregistrer différentes superposition de Sources et de passer de l'une à l'autre sans devoir tout refaire à chaque fois. Par exemple sur le Screenshot précédent vous pouvez voir que je possède plusieurs scènes. La scène AFK est une scène possédant des sources différentes de ma scène LOL, en effet ma scène AFK affiche une image annonçant que je suis actuellement pas devant mon pc et que je reviens dans quelques minutes, alors que la scène LOL affiche le jeu league of legends avec un habillage (ou overlay mais je reviendrais dessus ensuite) spécifique au jeu.

Pour ceux qui n’auront pas tout compris c'est un peu comme les différentes caméras lors d'un concert ou un match de sport, chacune des caméras ne montre pas la même chose et on passe de l'une à l'autre en fonction de ce que l'on veut montrer au téléspectateur. Et bien sur OBS les scènes suivent le même principe

Qu’est-ce qu’une source?
Les sources sont les éléments composant une scène, elles seront affichées lors de vos enregistrements ou vos diffusions en Stream.
La première chose que vous devez savoir des sources c'est qu'il en existe différents types ayant chacun leurs propres propriétés dont je vous ai fait une petite liste ici-même:

- Capture de la Fenêtre
- Image
- Diaporama
- Texte
- Capture de jeu

Cette liste ne comprend pas toutes les sources disponibles mais je reviendrais dessus plus précisément ensuite. Cependant vous pouvez déjà avoir une idée de l’utilisation des différentes sources disponibles.

Il est temps maintenant d'aborder la configuration du logiciel afin d'avoir le meilleur rendu qu'il soit. Dans cette partie je vous montrerais ma configuration mais vous pouvez facilement la personnaliser et l'améliorer car chaque machine est différente.

Pour accéder au panneau de configuration vous avez juste à cliquer sur le menu Paramètres et ensuite cliquer sur le sous menu Paramètres. Une nouvelle fenêtre va alors s'ouvrir :


Jusque-là rien de bien difficile vous étiez déjà venu précédemment dans cette section pour changer la langue. Vous n'avez normalement rien a changer par ici, vous pouvez par contre renommer votre profil même s'il y a peu de chance que vous utilisiez différents profils

On passe ensuite à la Section Encodage :


C'est ici que vous allez pouvoir définir l'encodage du flux vidéo que vous allez envoyer ou sauvegarder sur votre PC. J'utilise personnellement les paramétres par défaut mais il se peut que selon vos cartes audio et graphique ses options soient légèrement différentes. Je vous conseille de garder ce que vous aurez par défaut et de ne rien modifier sauf si vous vous y connaissez suffisamment pour cela.

On arrive ensuite à la section qui va nous intéresser le plus -> Paramètres de Streaming . C'est dans cette section que vous déciderez de la manière dont vous utiliserez le logiciel.

Le Premier menu déroulant vous permet de définir votre mode d'utilisation. Si vous choisissez Stream en direct vous tomberez sur :


Sur cette page ce qu'il faut savoir c'est que vous allez devoir choisir quel type de streaming vous allez utiliser. Pour ceux qui seraient novices en la matière sachez qu'il existe différentes plateformes de Streaming. Chacune possède ces propres particularités et une manière de vous authentifier différentes. Vous pouvez choisir ce service de streaming dans le second menu déroulant.

Pour ma part j'utilise le service Twitch.tv, ce dernier fournit une clé de streaming permettant de m'authentifier auprès d'eux et de pouvoir commencer à streamer sur ma chaine. En fonction du service choisi vous aurez différentes manières de vous authentifier mais rassurez-vous la plupart des sites vous indiqueront comment procéder

Une fois que vous avez mis en place votre authentification avec votre service de streaming vous avez la possibilité de sauvegarder vos émissions sur votre propre ordinateur dans un chemin précis.

Je tiens à signaler que le nommage des vidéo est encore peu fiable et que si vous faites plusieurs émissions vous vous retrouverez avec plein de fichiers MP4 dans ce style : Nomfichier(1).mp4, Nomfichier(2).mp4, v, Nomfichier(3).mp4, Nomfichier(4).mp4. Ce sera à vous de renommer les fichiers en question.

Le reste des options présentes sur cette page sont assez explicites pour que je puisse m'abstenir de vous conseiller dessus

Le second mode disponible est la Sortie vers un fichier Seulement :

C'est ce mode qui vous permettra de faire uniquement de la VoD sans rien diffuser en live. La configuration de ce mode n'est pas compliquée je vous laisse libre de faire ce qu'il y a de mieux pour vous.

On passe ensuite à la configuration Vidéo et Audio. Sur les images qui vont suivre sachez que j'ai adapté au fur et à mesure mes options afin d'avoir une bonne qualité sans affecter la performance de mon ordinateur.

- Configuration Vidéo :


- Configuration Audio


Ces configurations dépendent de vos cartes graphiques et vos cartes audio c'est à vous de déterminer si oui ou non vous pourrez atteindre les valeurs entrées dans les différents champs présents.
Nous arrivons au dernier menu éditable pour avoir une bonne configuration du logiciel : Les Options Avancées


Dans cette section vous retrouverez les options les plus poussées du logiciel. Je vous déconseille fortement d'y toucher si vous n'avez pas un minimum de connaissances en la matière. Pour ma part j'ai seulement modifier l'encodage vidéo en mettant en very fast et diminuant le keyframe à 2

Voilà vous avez normalement tout configurer pour qu'OBS soit prêt à l'emploi.

3/ Votre première VoD ou streaming :

Vous allez maintenant pouvoir vous lancer sur les traces de meilleurs steameurs français...enfin presque. Nous allons voir ensemble comment gérer nos premiers streams ou nos premières VoD.

La première chose à faire et d’ajouter une Scène. Il suffit pour cela de faire un clic droit dans la zone des scènes (en bas à gauche) et de cliquer sur « Ajouter scène ». Vous lui attribuez un nom précis mais pas trop long non plus (sinon ça deviens vite le bordel ) et vous validez.

Si tout se passe bien vous devriez voir votre scène apparaitre dans la liste de Scènes. Si ce n'est pas le cas veuillez réitérez les étapes précédentes

Comme nous l'avons vu ci-dessus, une scène est composée de sources. Nous allons devoir en ajouter au moins une voire deux. Le plus dur à ce moment-là est de savoir quelle type de source utiliser.

Pour le moment nous allons réaliser une scène assez simple permettant de streamer un jeu ou votre bureau accompagné d'un habillage sympa et de texte.


A - La capture principale:

Vous allez devoir identifier quel type de source, vous allez devoir utiliser pour la capture que vous voulez mettre en place. En fait vous n'utiliserez pas le même type de source si vous souhaitez capturer un jeu ou une partie de votre bureau par exemple.

La capture principale utilise 3 types des sources :

- Capture de la fenêtre : Cette source vous permet de capturer une fenêtre entière ou une région de cette fenêtre

Vous avez une liste des fenêtres ouvertes ou réduites de votre pc. Le logiciel vous donne alors le choix d'afficher la fenêtre entière ou juste l'intérieur. Si vous ne souhaitez afficher qu'une petite région de cette fenêtre vous allez devoir cliquer sur capturer une région puis sur le bouton "sélectionner une région". Un rectangle blanc va apparaitre sur votre fenêtre et vous devrez le déplacer et le redimensionner pour le mettre précisément sur la zone que vous souhaitez voir sur le Stream.


La Capture d’écran et la Capture de jeu suivent les mêmes principes que pour les captures de fenêtre mais appliquée à l'écran et aux jeux. Facile non? Cependant faites attention il est fort possible que la capture de jeu ne soit pas fiable a 100% notamment pour les jeux équipés de launcher qui lancent une nouvelle instance en mode plein écran quand vous lancez la partie. Vous risquez alors de n'enregistrer qu'un écran noir et vous serez obligé de reconfigurer le tout

Pour notre tutoriel nous allons ajouter une capture d’écran tout simple afin d'enregistrer tout ce qui se passera sur ce dernier (jeux, logiciel et j'en passe)Pour se faire vous faites un clic droit dans la zone des sources et vous cliquez sur " Ajouter ", puis vous choisissez alors Capture d’écran et lui attribuez un nom.


Une fenêtre d'option apparait pour vous demander de choisir le type d'affichage que vous voulez.

Vous n'aurez pas à changer grand chose, hormis si comme moi vous possédez plusieurs écrans auquel cas il vous faudra choisir votre écran où le jeu/logiciel sera affiché
Une vois les options validées vous devriez normalement voir votre source apparaitre dans le bloc sources.

Afin de voir si votre capture est bonne vous cliquez sur "Tester le Streaming" qui vous permettra d'avoir un aperçu de ce que vous allez capturer


Vous avez maintenant le minimum pour Commencer à steamer ou enregistrer vos VoD, mais a ce niveau la vous avez juste une capture d'écran dans la même lignée de ce que le logiciel FRAPS ferait si vous l'utilisiez.

Afin de rentre le tout plus attrayant nous allons utiliser un habillage ou overlay, et c'est en cela qu'OBS est mieux que FRAPS. Vous vous souvenez des différentes sources énoncées un peu plus haut? Et bien nous allons en utiliser une bonne partie afin de rendre votre stream ou votre VoD plus belle mais surtout plus interactive.

On va d'abord commencer par ajouter un habillage (ou overlay) à votre capture principale. Comme je ne compte pas vous laisser sans aide je vous fournis l'overlay que j'utilise pour le tutoriel :
http://extranet.team-naheulbeuk.com/forum/Ressources/tutos.png

NB: Pour les overlays vous serez obligés d'utiliser le format d'image PNG, car se dernier gère la transparence ce qui permet de ne pas complétement cacher votre capture principale

Nous allons maintenant ajouter l'overlay à notre scène. Pour ce faire vous faites un clic droit dans la zone des sources et vous ajoutez une source de type Image en lui attribuant un nom (Laissez les options de l'image par défaut). Une fois ces étapes faites vous cliquez sur "Tester le Streaming" pour l'aperçu de la capture. Vous devriez avoir quelque chose dans ce style là:


Si vous ne voyez pas l'overlay, c’est sûrement à cause de l’ordre d’affichage des sources. Les sources les plus hautes dans la liste étant affichées au dessus des autres, d'où l’intérêt de la transparence des images pour pouvoir voir à la fois les habillages et les captures. Pour modifier l'ordre de vos sources c'est très simple, faites un clic droit sur la source à mettre au premier plan, et sélectionnez « Déplacer vers le haut » ou « Déplacer vers le bas », cette dernière remontera alors d'un rang et sera visible sur l’aperçu et vous arriverez au même résultat que ci-dessus

Le problème maintenant c'est que la Capture de l’écran est cachée par l'habillage qu'on utilise. Nous allons redimensionner ou déplacer la source principal afin qu'elle soit parfaitement en accord avec notre habillage. Pour ce faire vous devez laisser l'aperçu en route et cliquez sur le bouton "Editer la Scène". Une fois cela fait pour déplacer ou redimensionner la source, il suffit de la sélectionner dans la liste des sources, vous la verrez entourée de rouge indiquant que vous pouvez l’éditer. Il suffit donc de redimensionner et de placer la source comme bon vous semble.
Pour notre exemple nous devons la redimensionner et la déplacer afin qu’elle puisse rentrer dans le bloc principal de notre overlay.


Votre scène est beaucoup plus jolie comme cela non? Vous pouvez encore ajouter des éléments comme votre webcam dans le bloc de droite de l'overlay ou par exemple du texte pour indiquer diverses informations mais la, je laisse libre cours à votre imagination.

(Avec des fautes c'est toujours la classe )


Voilà j’espère que ce cours vous aura plu et que vous arriverez à faire des choses sympas avec ce logiciel.
Si vous avez aimé, n'hésitez pas à lâcher un petit commentaire ou un remerciement (ça fait toujours plaisir)
Si vous avez des questions ou si vous rencontrez des problèmes n'hésitez pas non plus a m'en faire part dans vos messages et j'essayerais de vous répondre le plus rapidement possible.

félicitations car vraiment un super boulot, je vais garder ton post sous le coude

Super tuto avec tout les détails! Merci Urban, sa évitera bien des complications

pas de soucis

Super tuto : je fais des test (VOD incomming)

merci
J'attend toujours tes VoD sale moche