Outils pour utilisateurs

Outils du site


issue90:diffuser_avec_webcamstudio

Table des matières

1

There are several applications out there in Linux land which will let you stream/broadcast your desktop, windows, games, etc. Webcam Studio is different in that it will, like the others, let you stream, but it has the added bonus of letting you mix many different inputs into one single output. You could, for example, have a window input (let’s say, a game), an input from your webcam (you), the audio from your game, the audio from your microphone, and an input which will overlay text on the screen. Webcam studio will let you input all that, arrange it as you like (in a preview), then output it to whichever broadcast service you like (Twitch, YouTube, Google Hangouts, etc.) using the WSVideoDevice (aka: fake/virtual webcam). How It’s Done When you start WebcamStudio (WCS from here on in), you have a clean slate to work from (right). Along the top are buttons to let you load/save studios and choose a master output from FFmpeg, AVConv, and GStreamer. The last button is to clean up used RAM. I’m told by the creator, Karl Ellis, that it’s best to use GStreamer so that’s what I’ve set my WCS to use as output, but feel free to try the others as maybe they’ll perform better for you.

Il existe plusieurs applications dans le monde de Linux qui vous permettront de diffuser, en flux continu ou pas, votre bureau, vos fenêtres, des jeux, etc. WebcamStudio est différent, car, comme les autres, il vous permet de faire des diffusions en flux continu, mais, en prime, il vous permet de mixer plusieurs données différentes en une seule sortie. Par exemple, vous pourriez avoir les données d'une fenêtre (disons un jeu), les données de votre webcam (vous), la bande-son du jeu, l'audio de votre microphone et une entrée qui imprimera du texte sur l'écran. WebcamStudio vous permet d'entrer tout cela, l'arranger comme vous voulez (dans un aperçu), et ensuite le transmettre au service de diffusion voulu (Twitch, YouTube, Google Hangouts, etc.) en vous servant du dispositif WSVideoDevice (alias une webcam factice/virtuelle).

Son fonctionnement

Quand vous démarrez WebcamStudio (WCS à partir d'ici), vous faites table rase et commencez tout à partir de zéro (voir la fenêtre de WebcamStudio à droite).

Dans la barre d'outils du haut se trouvent des boutons avec lesquels vous chargez/enregistrez des studios et sélectionnez une sortie maître (master output) entre FFmpeg, AVConv et GStreamer. Le dernier bouton sert à nettoyer de la RAM déjà utilisée. Le créateur de WebcamStudio, Karl Ellis, m'a dit qu'il valait mieux utiliser GStreamer et j'ai donc choisi cela comme sortie (output), mais n'hésitez pas à essayer les autres, car il se peut qu'ils fonctionnent mieux pour vous.

2

The left column is the preview window with two tabs below it: Channels and Mixer. I’ve not used the Channels tab much myself, but it will come in handy if you want to automate your broadcast a bit by having playlists and such like. Mixer I’ll get to later. The middle of the WCS window is the Sources. It’s here you’ll add your inputs using the buttons just above that middle column. You can choose from: media, media folders, DVB-T, URL stream, IPCam, DVCam, Desktop, Text, and Audio. This article will really focus only on the Desktop, Text, and Audio inputs. There are also inputs for animation effects. The right column is for output. Here you choose from: SkyCam, V4L2Loopback, Audio, Record, UDP, and WSVideoDevice. I’ll use SkyCam, Audio, and WSVideo in this tutorial, but you can easily record your output (rather than stream/broadcast it) using the Record button. Click it and choose where to save the file. Click it again to stop recording. It’s as easy as that. Below the Output items, and once you add an input, you’ll get Properties tabs. These let you add effects and what-not to your inputs.

La colonne de gauche est la fenêtre d'aperçu et il y a deux onglets en dessous : Channels et Mixer. Moi-même, je n'ai pas beaucoup utilisé l'onglet Channels, mais il vous sera utile si vous voulez automatiser un peu votre émission, avec, notamment, des listes de lecture. Je parlerai de Mixer plus tard.

Au milieu de la fenêtre WCS se trouvent les sources. C'est là que vous ajoutez les entrées (inputs) au moyen des boutons juste au-dessus de cette colonne du milieu. Vous pouvez choisir parmi : media, fichiers media, DVB-T, flux d'URL, IPCam, DVCal, Bureau, Texte et Audio. Dans cet article, je me concentrerai sur les entrées Bureau, Texte et Audio. Il y a aussi des entrées pour des effets d'animation.

La colonne de droite est pour la sortie (output). Ici, vous choisissez parmi : SkyCam, V4L2Loopback, Audio, Record (Enregistrement), UDP et SWVideoDevice. Pour ce tutoriel, je vais utiliser SkyCam, Audio et WSVideo, mais vous pouvez facilement enregistrer votre sortie (au lieu de la diffuser) en utilisant le bouton Record. Cliquez dessus et choisissez où vous voulez enregistrer le fichier. Cliquez dessus à nouveau pour arrêter l'enregistrement. C'est aussi facile que cela.

Sous les éléments Sortie (Output), une fois que vous avez ajouté une entrée (Input), des onglets Propriétés s'afficheront. Ceux-ci vous permettent d'ajouter des effets, etc., à vos Inputs (entrées).

3

Starting A Studio I’m planning to broadcast a single window with some audio and text. So, first things first, let’s add the window as an input. Click the Desktop input: You’ll see a Desktop window appear in your Sources panel, and tabs in your Properties panel. The desktop window has a couple of options along the top (more settings, refresh, etc.) but we want to click the last icon to make sure this desktop input is using Gstreamer: Why choose GStreamer? Well, if you don’t you can still broadcast a full desktop, or part of a desktop, but you won’t be able to select a single window which is a handy feature as – even if you move something over the chosen window – only the contents of the chosen window are shown. The GStreamer output will let you check the ‘Enable Single Window Capture’ in the Desktop tab in Properties: I’m going to choose my Home window that I’ve got open. Before doing a test, let’s set a few things. Click the Mixer tab in the left panel and set the width and height to what you’d like to output. I’m going to choose 800 x 560. When you’ve done that you must click the Apply/Reset button. Now click the blue PLAY button in your desktop output.

Démarrer un studio

Je pense diffuser une seule fenêtre avec un peu d'audio et du texte. Ainsi, une des premières choses à faire c'est d'ajouter la fenêtre en tant qu'entrée (input).

Cliquez sur l'entrée bureau (Desktop).

Une fenêtre Desktop s'affichera dans le volet sources ainsi que des onglets dans le volet Propriétés. Il y a deux ou trois options au-dessus de la fenêtre desktop (plus de réglages, rafraîchir, etc.) mais il faut cliquer sur la dernière icône pour nous assurer que cette entrée desktop utilise GStreamer.

Pourquoi choisir GStreamer ? Eh bien, si vous ne le faites pas, vous pouvez toujours diffuser un bureau en entier, ou une partie du bureau, mais vous ne pourrez pas sélectionner une seule fenêtre, ce qui s'avère une fonctionnalité utile, car, même si vous bougez quelque chose par-dessus la fenêtre sélectionnée, seul le contenu de la fenêtre choisie est montré. La sortie GStreamer vous permettra de cocher « Enable Single Window Capture » (Activer la capture d'une fenêtre unique) dans l'onglet Desktop dans Propriétés.

Je choisirai ma fenêtre Home qui est ouverte.

Avant de faire un essai, configurons plusieurs trucs. Cliquez sur l'onglet Mixer dans le volet de gauche et réglez la largeur et la hauteur de ce que vous voulez sortir. Je vais choisir 800×560. Ayant fait cela, il faut cliquer sur le bouton Apply/Reset.

Maintenant, cliquez sur le bouton bleu PLAY dans la sortie de votre bureau.

4

You may want to tweak the width/height in the desktop output window too, but you’ll see a preview of your final output in the top left of the WCS window. Don’t worry that your desktop output looks a bit squished up. As long as the preview looks OK, that’s the main thing. Let’s preview this in VLC. Click the SkyCam button in the Output panel. This will ask for your password, it’s to set up a virtual webcam. Next, click the WSVideoDevice button: It may not seem like it, but you now have a virtual webcam running. To check this, load up VLC and, in the menu, go to Media > Open Capture Device. Where it says ‘Video device name’ click the drop down menu to choose the /dev/video0 and click Play. Whatever I do inside my Home folder (scroll up/down, open a folder, etc.) will be broadcast to VLC from WCS. Let There Be Sound Adding sound is a similar procedure. You click the Audio input: Your audio input window will appear, but it needs tweaking like the desktop one did. Click the Audio Source icon and select your audio source: Click PLAY on the audio input and a curious thing happens. Your preview will black out. This is because the audio input (with no video) is equal with the video. You need to change the Layer setting for the desktop output to 1. It’s at the bottom of the desktop output window. Now your video is playing above the audio input. I’ve set my audio input to broadcast whatever my computer is playing, so I’m going to play an audio file and click PLAY on my audio input (above).

Vous voudrez peut-être fignoler aussi la largeur/la hauteur dans la fenêtre de sortie bureau, mais vous verrez un aperçu de votre sortie finale en haut à gauche de la fenêtre WCS. Ne vous inquiétez pas si la sortie bureau a l'air un peu écrasée. L'important c'est que l'aperçu semble OK.

Regardons l'aperçu dans VLC. Cliquez sur le bouton SkyCam dans le panneau Output. Votre mot de passe vous sera demandé car c'est pour paramétrer une webcam virtuelle. Ensuite, cliquez sur le bouton WSVideoDevice. Quoi que cela ait l'air invraisemblable, une webcam virtuelle fonctionne maintenant. Pour le vérifier, chargez VLC et, dans le menu allez à Media > Open Capture Device. Là où ça dit « Video device name » cliquez sur le menu déroulant pour choisir le /dev/video0 et cliquez sur Play.

Tout ce que je fais dans mon fichier Home (faire défiler vers le haut/le bas, ouvrir un dossier, etc.) sera transmis à VLC par WCS.

Que le son soit…

La procédure de l'ajout du son est similaire. Vous cliquez sur l'input (entrée) Audio :

La fenêtre d'input Audio s'affichera, mais il faudra l'ajuster, comme vous l'avez fait pour la fenêtre du bureau. Cliquez sur l'icône Audio Source et sélectionnez votre source audio.

Si vous cliquez sur le bouton PLAY de l'entrée audio, une chose curieuse se passe : l'aperçu deviendra tout noir. Ceci est dû au fait que l'entrée audio (sans vidéo) soit à égalité avec la vidéo. Vous devez changer le paramètre Layer (couche) pour la sortie desktop à 1. C'est en bas de la fenêtre de sortie desktop. Maintenant, la vidéo se joue par-dessus l'audio. J'ai réglé l'entrée audio pour qu'il diffuse tout ce que joue l'ordinateur et je vais donc lire un fichier audio et cliquer sur PLAY sur mon entrée audio (ci-dessus).

5

Voila! Video and audio from two different sources in one output. You can drag the white on black speaker icon to raise/lower the volume. The green bars will raise/lower with your audio to let you know the audio is actually being input. To save on CPU usage, you can click the X beside the PLAY button to disable the waveform from being created. To have your audio as part of the output, don’t forget to click the ‘Audio Output’ button in the Output panel on the right. Checking the audio (live) in VLC is a bit tricky, but check it using the Record button (in the Output panel). It will prompt you for a location and name. You can then stop the audio and play the recorded video to make sure it has recorded the audio.

Et voilà ! De la vidéo et de l'audio à partir de deux sources différentes en une seule sortie. Vous pouvez faire glisser l'icône blanc sur noir d'un haut-parleur pour augmenter/baisser le volume. Les barres vertes s'élèveront/s'abaisseront avec l'audio pour vous signaler que l'audio est en train d'entrer. Pour épargner le processeur, vous pouvez cliquer sur le X à côté du bouton PLAY pour désactiver la création de la courbe.

Pour que votre audio fasse partie de la sortie, n'oubliez pas de cliquer sur le bouton « Audio Output » dans le volet Output à droite.

Cocher audio (live) dans VLC est un peu délicat, mais cochez-le au moyen du bouton Record (dans le volet Output). Il vous demandera un emplacement et un nom. Vous pouvez alors arrêter l'audio et lire la vidéo enregistrée pour vous assurer que l'audio soit également enregistré.

6

What’s The Song? Now you know that someone is going to ask what the song is that’s playing.Let’s show them the name with some overlaid text. Click the Text input: This is a big input window which lets you enter text to display, change the X/Y coordinates of where the text should display, how big the text should be (width/height) and the font and color. Remember though, like the audio input, you’ll need to change the Layer setting to 2 this time as it needs to be above the video. And there you have it. Three separate input sources in one virtual webcam output (right). There’s a lot more you can do with WCS. You can apply video effects to your input; have your text flash or wobble around the screen; add animations to your output; tweak the Opacity to have things faded on top of one another. Lots, lots more. Click your input window then check the FX/GSFX tabs for effects. Keep an eye on your layers though. If something doesn’t show initially it might need a higher Layer setting.

C'est quoi la chanson ?

Bon. Vous savez très bien que quelqu'un va vous demander le nom de la chanson qui passe. Montrons-leur ce que c'est avec un peu de texte superposé. Cliquez sur l'entrée Text :

C'est une grande fenêtre qui vous permet d'entrer du texte à afficher, changer les coordonnés X/Y de l'emplacement de l'affichage du texte, sa taille (largeur/hauteur) et la police et la couleur. Il faut cependant vous souvenir que, comme pour l'entrée vidéo, vous devez changer le réglage Layer (couche) à 2 cette fois-ci, car il faut que le texte apparaisse sur la vidéo.

Voilà, c'est tout. Trois sources d'entrée distinctes dans une seule sortie webcam virtuelle (à droite).

Vous pouvez faire beaucoup plus avec WCS. Vous pouvez ajouter des effets vidéo à votre input ; faire clignoter ou osciller le texte sur l'écran ; ajouter des animations à votre sortie ; ajuster l'opacité pour que des choses s'atténuent l'une par-dessus l'autre. Beaucoup, beaucoup plus. Cliquez sur la fenêtre input, puis regardez dans les onglets FX/GSFX pour des effets.

Toutefois, surveillez bien les couches. Si quelque chose ne s'affiche pas au départ, il pourrait avoir besoin d'un réglage Layer plus élevé.

issue90/diffuser_avec_webcamstudio.txt · Dernière modification : 2015/02/19 18:47 de auntiee