[Tuto] Faire du Streaming avec OBS et twitch et Chroma Key

Ensembles d'informations sur l' High Tech.
Memed
Messages : 353
Inscription : 01 déc. 2010, 21:31

[Tuto] Faire du Streaming avec OBS et twitch et Chroma Key

Message par Memed » 01 oct. 2013, 14:47

Bonjour[/b]

Pack d'images Cwol chaine Twitch

Je vais vous présenter dans un petit tutoriel assez simple le logiciel OBS (Open Broadcast Software) qui vas vous servir à Streamer

Ce tutoriel vous permettra d’apprendre à utiliser Open Broadcaster Software (OBS) qui est un logiciel gratuit permettant de streamer se que vous voulez. Il consomme moins de ressources que les autres logiciels et permet ainsi d’améliorer la qualité du stream.

Je vais vous faire une présentation des liens indispensables pour configurer OBS ainsi que le site de streaming Twitch.TV que nous allons utiliser dans notre tutoriel.
Et une présentation de l’option Chroma Key. (Cela permet d’incruster quelque chose ou quelqu’un dans une vidéo par exemple.)

Téléchargez et Installez OBS

Connaître son débit internet
Afin de connaitre votre débit Internet montant c’est celui qui nous intéresse vous allez faire un test de quelques secondes sur le site SpeedTest.net

Afin de ne pas fausser les résultats du test, veuillez à ne pas télécharger ou partager des photos ou toute activité vocale pendant le test qui dure moins d’une minute.

Allez sur le site: http://www.speedtest.net et cliquez sur le bouton Démarrer le Test

A la fin du test, vous aurez les résultats, celui qui nous intéresse pour ce tutoriel est le Débit Montant aussi appelé Upload.

Image

1 Mb/s = 1024 Kb/s cependant cela ne sert à rien de calculer précisément le débit Maximum en Kb/s donc on arrondira tout simplement à 1000

Vous voyez sur mon screenshot que j’ai un upload de 1.03Mb/s soit 1.03*1000 = 1030Kb/s.

Pour créer votre compte sur Twitch.TV rendez-vous sur le site officiel: http://fr.twitch.tv/signup et remplissez la fiche:

Image
Cochez la case pour être identifier automatiquement.

Configuration du compte Twitch :
Allez sur votre page de stream live http://fr.twitch.tv/votre_pseudo
puis en Haut il y a une barre avec "Admin"
cliquez sur "Modifier"
la première case c'est votre pseudo
placer le menu déroulant sur "Joue" ou "On playing" ou "Not Playing"
la case de droite c'est le jeu sur le quelle vous allez stream. Il y a la complétion d'écriture donc normalement vous trouverez votre jeu.
Cochez la case : Tiled
Cliquez sur le bouton "Change Background"
placez l'image Image
Cliquez sur le bouton "Mettre à jour"

Vers le bas vous pouvez ajouter des blocs d'information pour votre page Twitch
Cliquez sur le Gros +
Puis Add Image et placer le logo Image ou Image
Dans "Image Links to" : http://www.cwol.fr
Cliquez sur le bouton "Soumettre"
puis retourner en haut pour Cliquez sur le bouton "Mettre à jour"

puis en Haut il y a une barre avec "Admin"
Cliquez sur "Voir"

Allez sur votre profil http://fr.twitch.tv/votre_pseudo/profile
Change Profile Banner -> C'est l'image de votre chaine offline
Vous pouvez utiliser celle par défaut de Cwol http://www.cwol.fr/images/tuto-stream/cwol_offline.jpg
ou utilisez une à vous mais nous demandons qu'il y ai tout de même le logo suivant dessus : Image ou Image
Vous pouvez y ajouter votre pseudo dessus avec un logiciel de dessin
Image

Allez maintenant http://fr.twitch.tv/settings
le menu de gauche :
Profile ->
Courte biographie :
Membre de la communauté multigaming http://www.cwol.fr
Cochez la case : Afficher la biographie par défaut
Fuseau horaire : Europe - Paris

Videos ->
Message de bienvenue
Une chaine de la Communauté Multigaming Cwol
http://www.cwol.fr
Archive Broadcasts : cochez "Automatically archive my broadcasts"

Chat ->
cochez la case : Delete links in chat

Design ->
Video Player Banner : C'est l'image de votre chaine offline
Vous pouvez utiliser celle par défaut de Cwol http://www.cwol.fr/images/tuto-stream/cwol_offline.jpg
ou utilisez une à vous mais nous demandons qu'il y ai tout de même le logo suivant dessus : Image ou Image
Vous pouvez y ajouter votre pseudo dessus avec un logiciel de dessin
Image

Notices ->
cochez la case : I receive a message
décochez toutes les autres case
vous éviterez les spam

Pour connaître votre clé de stream
Que vous mettrez dans OBS
- Se connecter à votre compte Twitch.TV
- Aller sur fr.twitch.tv/broadcast
- Cliquer sur l’onglet « Montrer les clef » en haut à droite de la fenêtre
- Et votre clef du stream apparait avec l’onglet Reset Key (à ne pas toucher), à copier-coller dans « Clef du stream »

Image

Connaître son ping et choisir son serveur Twitch.TV

JTVPing va vous permettre de tester les serveurs de Twitch.TV afin de savoir lequel choisir par rapport à votre connexion internet.

C’est un programme qui a été créé par R1CH de la TeamLiquid et qui requiert Microsoft .NET Framework 3.5 pour fonctionner.

Extraire l’archive .zip et exécutez le programme; cela vous ouvrira une fenêtre indiquant le ping actuel et le ping moyen de chaque serveur Twitch. Vous pourrez ainsi choisir le serveur ayant le meilleure ping (le ping le plus bas dans la colonne du milieu "AVG") en fonction de votre connexion.

Image

Présentation du Logiciel OBS
Une fois installé, lancez-le et cette jolie petite fenêtre apparaitra : Image

Tous d'abord quand vous allez ouvrir OBS, vous allez avoir quelques boutons et 2 rectangles vide nommé "Scènes" et "Soucres".

Définition : Les Scènes

Une scène regroupe toutes les sources associées à celle-ci. Il n’est pas obligatoire de créer plusieurs scènes cependant je vais vous donner 2 exemples pratiques pour comprendre l’intérêt d’en créer plusieurs.

Vous êtes en streaming et vous faites un retour Windows avec Alt+Tab; si vous avez fait une scène nommée Bureau avec comme source unique votre bureau cela montrera uniquement votre bureau sans la webcam, la pub généralement mis dans les LIVE…

Vous pouvez aussi faire par exemple faire des scènes en fonction du jeu afin que les sources soient mieux placées. Exemple: une webcam (ou une pub) peut cacher une chose importante suivant le jeu. Cela évitera de tout changer pour certain jeu.

Définition : Les Sources

Voici les différentes sources que vous pouvez utiliser; vous pouvez les déplacer, les redimensionner , les renommer et modifier leur propriété:

- Capture de la fenêtre
- Capture d’écran
- Image
- Diaporama
- Texte
- Video Capture Device
- Capture de Jeu

Les Boutons et l’Interface Audio

L’interface audio se compose du micro et des écouteurs. Elle permet de couper ou diminuer le volume en un clique.

Les boutons servent avant tout de raccourcis et sont donc très utiles.

Configuration et Utilisation d’OBS

Pour les prochaines images, il vous faudra juste suivre les images, sauf pour certain qu'a où je vous expliquerai pourquoi.
Si votre logiciel est en Anglais; cliquez sur Settings et de nouveau sur Settings et dans Language sélectionnez Français. Appuyer sur OK et fermez et ouvrez de nouveau le logiciel qui sera en français.

Screenshots détaillés des Paramètres
Image

Image
Ici la qualité dépend de votre configuration PC et votre connexion internet.
(grosse config + grosse connexion = 10)
(grosse config + petite connexion = 6-8)
(moyen config + grosse connexion = 6-8)

Pour le Buffer et le Bitrate, c'est très simple. Pour le buffer vous mettez votre Upload, et le bitrate vous diviser votre upload par deux et vous mettez le résultat.
Encodage Video :
Vous pouvez utiliser l’outil d’estimations officielles à cette adresse: obsproject.com/estimator

Encodage Audio :
- Codec : MP3
- Bitrate : 96
- Format : 44.1khz stereo

PS: si vous jouez dans une résolution moins grande garder quand même ces paramètres pour garder une très bonne qualité de stream.

Publier les paramètres
Image
Sortie vers un fichier seulement : c’est pour faire de la capture vidéo (record) style Fraps. Mais en beaucoup moins gourmand avec OBS.

Vidéo
Image
Ici vous choisirez votre résolution en fonction de votre configuration PC et connexion.
(même principe que pour la qualité)
Vous pouvez utiliser l’outil d’estimations officielles à cette adresse: obsproject.com/estimator

Audio
Image

Options avancées
Image
Mémoire tampon de la scène (millisecondes) : 400[/b] c'est suffisant
Ici c'est le poids de votre processeur qui vas jouer, plus vous aurez un gros processeur, plus vous pourrez descendre l'encodage (x264 CPU Réglage), je conseil quand même de ne pas descendre en dessous de "faster"

Antiparasite Microphone
Image

Création de votre Scènes et Sources

Pour ça il suffit de faire un click droit dans le rectangle Scènes et "Ajouter une scène" puis la nommé avec le nom du jeu que vous voulez stream.

Maintenant vous pouvez commencer à construire votre visuelle, pour capturer votre jeu dans le cas ou vous jouez en "plein écran" ou mode "fenêtre sans bord" il vous suffit de choisir :
"Capture de Jeu"
Image
ps: il faut savoir que l'envoi du stream ne se fera que si le jeu est bien afficher à l'écran, à chaque fois que vous repasserai sur votre bureau via un Alt+Tab le stream affichera un écran Noir pour les viewer.

autre mode d'affichage pour les streamer en mode Fenêtre réduite du jeu.

Maintenant vous pouvez commencer à construire votre visuelle, pour capturer votre jeu il vous suffit de choisir "Capture de la fenêtre"
Image

dans le menu Sources nous allons ajouté en plus du texte et le logo de la communauté :
Image
dans sources ajouter -> Texte
Police : Verdana
Taille de police : 32 a voir suivant la résolution
Gras : coché
Entrer le Texte :
"Nom Guilde ou Pseudo ou Fonction" de la communaute MultiGaming "Cwol" http://www.cwol.fr
Dans sources ajouter -> Image
Et allez chercher le logo de la communauté qui doit être sur votre pc.
ps: je donnerai le lien du futur logo Cwol dans une petit taille spéciale pour les streamer

voici le résultat de mon point de vue quand je play et fait des commentaires vocaux :
Je peux lire le chat de twitch et play en même temps mais impossible d'écrire sur le chan twitch sinon je ne suis plus dans le jeu :)
Image

voici le résultat que vois le viewer sur mon live twitch:
Image

Utilisation de l’option Chroma Key
Chroma Key
Le Chroma Key est une technique d’incrustation utilisée principalement au cinéma et à la télévision. Cela permet d’incruster quelque chose ou quelqu’un dans une vidéo par exemple.

Le principe est assez simple, on utilise un fond de couleur qui sera capturé et supprimé en direct par le logiciel laissant ainsi l’objet ou la personne sur un fond transparent.

Le fond doit être de préférence de couleur bleu ou vert car ce sont les couleurs donnant les meilleurs résultats
Le bleu est apprécié en cinéma, cette couleur se rapproche de la couleur complémentaire de la chair, donc le contraste de chrominance est optimal. Néanmoins avec la vidéo numérique, le vert est de plus en plus utilisé car c’est la couleur primaire la plus lumineuse en vidéo, elle disposera donc d’un meilleur contraste de luminance vis-à-vis de l’objet à incruster

Source: Wikipedia
Liste du matériel utilisé pour l’intégration Chroma Key
Je ne vous cache pas que le matériel professionnel, hors coût de la caméra ou webcam est onéreux; on peut cependant faire cela facilement pour quelques euros =)

Pour ceux qui veulent faire cela, il vous faut une caméra ou une webcam; j’ai utilisé une vieille webcam; voici le modèle (Hercules HD720) pour les intéressés mais n’importe quelle webcam fera l’affaire. On en trouve à tous les prix à partir de 5€.

Voici la liste du matériel que j’ai utilisé pour la vidéo:

Une Webcam (que j’avais déjà donc 0€) – Prix d’une Webcam à partir de 5.50€ en magasin
Un Plaid de couleur turquoise à 4€ voici le lien
Une barre à rideaux pour mettre le plaid dessus à 1.99€ voici le lien
5 Pinces à linges ou 5 Pinces à cheveux (coût 0€ si vous n’en avez pas ce n’est pas normal lol )

Coût total : A partir de 5.99€ si vous avez déjà une webcam et à partir de 11.99€ si vous n’en n’avez pas.

Utilisation Personnelle du matériel
Posez la barre à rideau entre 2 meubles, vous pouvez la fixer sur votre mur si vous en avez un derrière par exemple ou posé sur 2 chaises… Un support mural pour la tringle vaut entre 1€ et 4.20€ d’accessoires.

Ensuite posez le plaid dessus et le maintenir avec les pinces.

La webcam étant posé en haut de mon écran, il n’y a plus qu’a utiliser OBS.

Technique pour avoir les meilleurs résultats

- Le plaid ou ce que vous utilisez comme fond doit être tendu un maximum afin de minimiser les plis et être unicolore
- Utiliser de préférence un fond Bleu ou Vert, le plaid de couleur turquoise est parfait
- Il est très important de bien éclairer votre fond afin de mettre en évidence sa couleur
- Vérifiez que la webcam soit placée à un endroit sans ombre d’un objet placé à côté
- Tout objet ou personne entre le fond et la webcam sera capturé
- N’hésitez pas à effectuer plusieurs réglages sur OBS pour obtenir le meilleur résultat.

Il est possible aussi de faire l'encodage et l'upload de votre stream avec un second ordinateur.
Avantage : cela prend moins de puissance et de bande passante et surtout vous pouvez avoir une bien meilleur qualité.
Le boitier est relié à votre sortie video de votre pc ou console et relié à votre écran PC ou TV
Le boitier est relié à votre pc encodeur/uploadeur avec OBS en USB

Voici un boitier externe qui permet de le faire : AverMedia C875 Live Gamer HD Boîtier d'enregistrement de gameplay pour PC, PS3, PS4, Xbox 360, Xbox One et WiiU
http://www.amazon.fr/AverMedia-C875-Bo% ... B00C1EO536

---------------------------------------------------------------------------------------------------------------------------------------------
Vous trouverez l'ensemble des informations pour configurer votre chaîne :

Dans Edit Panel :

Panel Title : Notre Site Web
Add image : Cwol-logo
Image Links to : http://www.cwol.fr

Panel Title : Nos autres Streameurs
Add Image : cwol-streameur
Image Links to : http://www.cwol.fr/wordpress/stream/

Panel Title : Venez discuter avec nous
Add Image : ts-logo
Image Links to : viewtopic.php?f=4&t=6
Description :
+ Adresse : ts.cwol.fr
+ Mdp : communaute
+ Chan : Streaming HS


Panel Title : Faire une Donation
Add Image : paypal-donation
Image Links to : https://www.paypal.com/cgi-bin/webscr?c ... BDGVNAAQBJ
Description :
En faisant une donation vous contribuez directement à la communauté et au Giveaway Futur.

Panel Title : Payez vos jeux moins cher !
Add Image : g2a-achat
Image Links to : https://www.g2a.com/r/cwol
Description :
Avec ce lien vos achats sur G2A, vous contribuez directement à la communauté et au Giveaway Futur.

---------------------------------------------------------------------------------------------------------------------------------------------

L'ensemble de ce Tuto est un condensé et une création venant de plusieurs Tuto dispo sur le web.
- [Tuto] Streamer un jeu avec OBS
- [STREAM] Stream avec OBS
- Guide Streaming avec OBS (Open Broadcaster Software)

Merci de vous faire connaitre à Sebio avec votre chaine Twitch pour un ajout à la liste des streamers.
Image

Sebio
Conseillers
Conseillers
Messages : 855
Inscription : 24 mai 2013, 17:06
Localisation : Versailles
Contact :

Re: [Tuto] Faire du Streaming avec OBS et twitch et Chroma K

Message par Sebio » 25 juil. 2014, 06:54

avec le pack disponible en première page :
Vous trouverez l'ensemble des informations pour configurer votre chaîne :

Dans Edit Panel :

Panel Title : Notre Site Web
Add image : Cwol-logo
Image Links to : http://www.cwol.fr

Panel Title : Nos autres Streameurs
Add Image : cwol-streameur
Image Links to : http://www.cwol.fr/wordpress/stream/

Panel Title : Venez discuter avec nous
Add Image : ts-logo
Image Links to : viewtopic.php?f=4&t=6
Description :
+ Adresse : ts.cwol.fr
+ Mdp : communaute
+ Chan : Streaming HS


Panel Title : Faire une Donation
Add Image : paypal-donation
Image Links to : https://www.paypal.com/cgi-bin/webscr?c ... BDGVNAAQBJ
Description :
En faisant une donation vous contribuez directement à la communauté et au Giveaway Futur.

Panel Title : Payez vos jeux moins cher !
Add Image : g2a-achat
Image Links to : https://www.g2a.com/r/cwol
Description :
Avec ce lien vos achats sur G2A, vous contribuez directement à la communauté et au Giveaway Futur.
Président, Fondateur et Conseiller
Association Multigaming Cwol
http://www.cwol.fr

Sebio
Conseillers
Conseillers
Messages : 855
Inscription : 24 mai 2013, 17:06
Localisation : Versailles
Contact :

Re: [Tuto] Faire du Streaming avec OBS et twitch et Chroma K

Message par Sebio » 24 déc. 2014, 12:15

maj du pack d'image Cwol
Président, Fondateur et Conseiller
Association Multigaming Cwol
http://www.cwol.fr

Répondre