Académique Documents
Professionnel Documents
Culture Documents
Le groupe de travail constitué lors du COTECH d’août 2017 a étudié différentes solutions techniques.
Privilégiant le confort d’utilisation des clients et des usagers, il a retenu 2 solutions ne nécessitant
pas de procédures d’installation préalables et compatibles avec les tablettes et les smartphones :
Ce document a pour objet de vous guider pour mettre en oeuvre une web TV avec YouTube.
Vous pouvez produire une web TV avec YouTube de deux manières, les deux méthodes sont décrites
dans ce document :
1
YouTube avec encodeur
Avant de mettre en oeuvre une web TV, vous devrez télécharger un encodeur puis le configurer. Ce
sont les étapes 1 et 2 décrites ci-dessous. Elles ne sont à effectuer qu’une fois et nous vous
conseillons de le faire quelques jours avant votre première web TV.
2
1-Télécharger et installer l’encodeur XSplit
La 1ère fois, il faut installer un logiciel d'encodage, XSplit Broadcaster, qui est gratuit :
https://www.xsplit.com/fr/youtubelivexbc
Après l’avoir installé, voici la première fenêtre qui apparaît au lancement de l’application :
Il faut se créer un compte pour pouvoir utiliser XSplit. Vous pouvez aussi choisir la langue en bas à
gauche.
Une fois votre inscription validée, attendre la fin de l’écran de chargement :
3
Une fois le téléchargement fini, une fenêtre promotionnelle pour la version payante s’affiche que
vous pouvez fermer après quelques secondes en cliquant sur le bouton “Continuer” en bas à droite.
C’est sur cet écran que vous allez placer les éléments à afficher dans votre web TV.
4
2-Configurer l’encodeur XSplit
La 1ère fois, il faut également configurer l’encodeur XSplit.
Le flux vidéo de la webcam s’affiche sur l’écran principal :
5
Positionner votre source d’entrée vidéo :
Vous pouvez positionner le flux vidéo soit en maintenant le clic gauche sur celui-ci et régler la taille
par les bords ou ouvrir une fenêtre de paramétrage :
Un clic droit sur le flux vidéo de la webcam permet d’afficher une fenêtre de paramétrage :
Pour régler la taille et le placement du flux vidéo de la webcam, cliquez sur l’onglet “Mise en page”
puis dans la partie “Position”. Pour mettre le flux vidéo de la webcam en plein écran, poussez
“largeur” et “hauteur” à fond. Repositionnez si nécessaire avec X et Y.
6
Régler la qualité de la vidéo
Pour contrôler la qualité de la vidéo : cliquez sur la flèche en haut à droite :
Sélectionnez “1280x720 - 720p (16:9)” pour avoir une bonne qualité. La qualité supérieure est
payante (HD en 1080p.).
Ajouter une présentation sur votre écran (un diaporama par ex.)
Cliquez sur Sources > Capture d’écran, placez-vous en bas de votre écran et sélectionnez l’écran
entier avec le pointeur de la souris (la zone capturée est matérialisée par des traits rouges).
Sélectionner uniquement la zone d’affichage d’une application du pack Office (powerpoint par ex.)
ne fonctionne pas : vous devez absolument sélectionner l’écran entier.
Par contre d’autres applications comme Adobe PDF fonctionnent.
7
Positionner votre présentation :
Pour régler la taille et le placement de la capture d’écran, même procédé que pour positionner votre
source vidéo : cliquer directement sur le flux vidéo ou faites un clic droit sur la capture d’écran et
cliquez sur l’onglet “Mise en page” puis faites vos réglages dans la partie “Position”.
A noter :
● Vous pouvez activer et désactiver l’affichage des sources en décochant les cases dans la
partie blanche de l’interface en bas à gauche.
● Vous pouvez supprimer une source en cliquant sur le bouton “Supprimer” sous la partie
blanche de l’interface en bas à gauche.
● vous pouvez varier les mises en scènes en cliquant par exemple sur le bouton “Scène 2” à
gauche de la partie blanche de l’interface en bas à gauche puis en procédant de la même
manière que pour la scène 1.
8
2-B. Préparer vos sources audio
Sources Audio
Pour choisir son micro : Cliquez sur l’engrenage “Ouvrir les paramètres audio”
Puis sélectionnez votre micro (à vous de choisir la bonne entrée selon votre situation, par ex.
microphone par défaut) et cliquez sur “Appliquer”.
9
2-C. Paramétrer une sortie sur YouTube
Cliquez sur Sorties > Configurer une nouvelle sortie > YouTube Live
10
Cliquez sur “Authorize” (à gauche de la 1ere ligne).
11
Acceptez les conditions en cliquant sur “Allow” :
Votre encodeur XSplit est désormais lié à un compte YouTube.
12
Les étapes 1 et 2 sont à réaliser la première fois que vous mettez en oeuvre une web TV, les étapes
suivantes sont à réaliser à chaque web TV.
3- Créer la page de votre web TV sur le portail
- Se connecter au portail https://www.capformexpress.fr/, et aller dans le “back office” en
sélectionnant “CapForm Express/Tableau de bord” sur la barre noire en haut à gauche de
l’écran
- Dans le menu à gauche, sélectionner Web TV / Ajouter
- Saisir les informations nécessaires : Titre, description, visibilité, date, durée, informations
concernant l’intervenant·e (nom, organisme, contact), fichier attaché le cas échéant (un
fichier PDF ou un powerpoint que le public pourrait télécharger),
- Dans le champ “Code iframe” coller le code ci-dessous :
<iframe width="560" height="315"
src="https://www.youtube-nocookie.com/embed/50kmBbvTloM" frameborder="0"
gesture="media" allowfullscreen></iframe>
A noter : si vous diffusez une web TV avec Youtube Hangout en direct, vous devrez avant le
direct modifier ce code d’intégration (cf §7- Démarrez votre web TV avec YouTube hangout.
- Ne pas remplir les champs : url VOD et url log du chat.
13
- Il est également possible de lier la web TV à des voyages. Pour cela, sélectionner le ou les
voyages correspondants
- Ne pas oublier de catégoriser la web TV en cliquant sur la bonne catégorie à droite de
l’écran.
- Il faut également définir une “image mise en avant” : c’est l’image qui apparaîtra dans les
annonces “webTV à venir”. Pour cela, cliquer sur “définir l’image mise en avant” à droite de
l’écran, et faire glisser l’image de son choix dans le répertoire, la sélectionner et valider.
Format de l’image : 300x300. Un modèle est disponible dans M on espace / Ressources /
Documents techniques du portail Capform Express :
https://www.capformexpress.fr/espace/ressources/docs-techniques/.
14
Cliquez sur le bouton “Démarrer la diffusion” (il est un peu caché en bas)
N’oubliez pas de mettre la diffusion en mode muet pour éviter la passage en boucle audio.
L’URL de la page YouTube de diffusion est https://youtu.be/50kmBbvTloM
15
4-B. Arrêter la diffusion de la web TV
Une fois que votre web TV sera terminée, vous pourrez arrêter le live en recliquant sur Sorties >
YouTube Live.
16
- N.B. : chaque message d’utilisateur donne lieu à UNE discussion active. Ainsi, les utilisateurs
ne peuvent pas discuter entre eux, et ne voient que leurs propres messages.
ATTENTION : une fois le direct (le live) passé, il faut revenir dans le portail et remplacer le code
iframe du live par le code iframe de la vidéo enregistrée.
- Pour cela, cliquer sur l’icône de compte en haut à droite et sélectionner “Ma chaîne”.
17
- Sélectionner la vidéo concernée, cliquer sur “partager” puis sur “intégrer”.
- Se connecter au portail capform, sélectionner tableau de bord, puis WebTV/WebTV pour
obtenir la liste de toutes les émissions. Sélectionner l’émission souhaitée.
18
- remplacer le code iframe par celui récupéré à l’étape précédente.
19
6-B Couper la vidéo directement sur YouTube (Optionnel)
L’enregistrement de votre session de web TV contiendra certainement des passages en début et fin
de vidéo qui ne sont pas indispensables (essai micro, faire patienter les arrivants…). Vous pouvez
couper ces moments directement sur l’outil de retouches de YouTube.
20
Sur cette page cliquez sur “Retouches”
21
Appuyer sur la bouton “Fractionner”
Déplacez les barres bleus de façon à encadrer la partie que vous voulez supprimer puis cliquez sur la
petite croix.
22
La modification n’est pas immédiate, il faut laisser le temps à YouTube de refaire le rendu de la
vidéo.
YouTube avec Hangout en direct
Si l’encodeur XSplit n’est pas téléchargé sur l’ordinateur avec lequel vous devez réaliser votre web
TV, vous pouvez démarrer votre web TV directement sur YouTube.
Cette méthode peut convenir aussi si vous ne prévoyez pas de diffuser une présentation pendant
votre web TV (par ex. dialogue scénarisé, interview).
Cliquer sur le bouton « Nouvel événement en direct » en haut à gauche de l’écran:
23
L’écran de création de l’événement en direct s’affiche :
● Dans le champ Titre, saisir le titre de la Web TV
● Dans la liste déroulante à droite, remplacer Publique par Non répertoriée
● Sélectionner Type “Rapide (avec les Google hangouts en direct)”
● Cliquez sur l’onglet Paramètres avancés
24
Dans les paramètres avancés :
25
La page du direct s’affiche en pop up :
● Vous pouvez effectuer vos réglages : micro, webcam, partage d’écran…
26
La page YouTube de votre diffusion s’affiche :
27
Faites un clic droit sur la fenêtre de vidéo en attente, une liste déroulante s’affiche, sélectionnez
l’item “Copier le code d’intégration” :
Vous devez ensuite aller vous connecter au portail https://www.capformexpress.fr/, et aller dans le
“back office” en sélectionnant “CapForm Express/Tableau de bord” sur la barre noire en haut à
gauche de l’écran
- Dans le menu à gauche, sélectionner Web TV / WebTv
28
- Sélectionner votre web TV
- Dans le champ “Code iframe” copier le code d’intégration que avez récupéré précédemment
sur la fenêtre de vidéo en attente.
Après avoir paramétré le portail, retournez sur la pop up de votre direct et cliquez sur le bouton
“Lancer la diffusion” en bas de l’écran :
Le chat pendant la diffusion du direct est géré sur le portail Capform Express, cf le § “5- Gérer le chat
pendant le direct”.
29
Pour arrêter la diffusion, cliquez sur le bouton “arrêter la diffusion” en bas de l’écran :
A la fin de votre direct, n’oubliez pas d’intégrer le lien de l’enregistrement de la vidéo sur le portail
capform Express, cf le § “6 Intégrer l’enregistrement de la vidéo”.
30