Connectez les plateformes de streaming (YouTube, Twitch...) avec Livestorm

Parfois, vous pouvez avoir un cas d'utilisation spécifique qui ne correspond pas au périmètre technologique de streaming de Livestorm. C'est pourquoi nous avons créé un moyen pour vous d'intégrer une autre plateforme de streaming dans Livestorm afin de continuer à bénéficier de notre infrastructure logistique : emails, chat, sondages, pages d'atterrissage, etc.

En utilisant le mode iframe sur Livestorm, vous pouvez remplacer notre source vidéo par votre code iframe. L'iframe peut être un widget intégré de YouTube, UStream, Livestream, Twitch, Facebook Live, etc.

Gardez à l'esprit que votre session ne sera pas enregistrée si vous choisissez cette option.

Quand dois-je utiliser le mode iframe sur Livestorm ?#

Comme expliqué ci-dessus, il se peut que vous ayez besoin d'organiser un type spécial de événements en direct comme un summit en direct ou une table ronde avec plus de deux présentateurs. C'est à ce moment-là que vous commencez à sortir du cadre de Livestorm. Le mode iframe est idéal lorsque :

  • Vous avez besoin de plus de 16 présentateur·trices.

  • Vous devez diffuser pendant plus de 4 heures.

  • Lorsque vous avez besoin d'une qualité 4K.

Quels sont les inconvénients d'utiliser une plateforme de streaming tierce ?#

Cependant, il existe quelques inconvénients évidents à dépendre d'une autre plateforme de streaming :

  • L'expérience utilisateur est beaucoup plus complexe. Vous devrez peut-être effectuer des configurations complexes.

  • Vous devrez souvent utiliser un encodeur pour envoyer le flux local vers ces plateformes. Si vous êtes sur Mac, essayez OBS, si sur Windows, essayez XSplit.

  • Vous n'aurez plus une expérience en temps réel. Il y aura un délai plus long entre ce que vous faites et ce que vos participants verront.

  • Dans la plupart des cas, vous ne pourrez pas rejoindre la scène, inviter quelqu'un sur la scène ou partager un média via Livestorm.

Où utiliser mon code intégré sur Livestorm ?#

Lorsque vous créez et/ou modifiez les paramètres de votre événement, allez dans Intégrations > Paramètres de diffusion. Cliquez sur « Source externe » et collez votre iframe. Assurez-vous de ne conserver que la balise HTML iframe.

TBD

Voici à quoi cela ressemble dans votre salle d'événement :

TBD

Les participant·e·s et contributeurs·rices doivent cliquer sur « play » pour visionner le direct, en entrant dans l'événement en direct.

Vos participant·e·s verront les contrôles du flux, cependant, iels ne peuvent pas arrêter le flux. Iels peuvent le mettre en pause et rattraper après, mais ils ne pourront pas terminer le flux.

Assurez-vous également de marquer votre diffusion en direct sur YouTube comme non répertoriée afin que les gens n'aillent pas sur votre chaîne pour la regarder. Rendez-vous dans Infos de base > Confidentialité > Non répertoriée sur votre tableau de bord YouTube.

Exemple : YouTube Live + Google Hangout#

Dans cet exemple, vous pourrez créer un summit en direct ou une table ronde avec plusieurs présentateurs et intégrer ce direct sur Livestorm. Vous aurez besoin d'un compte YouTube, de Google Hangout, et de Livestorm.

Nous recommandons de prévoir une personne pour gérer la diffusion sur Google Hangout et une autre pour gérer la salle Livestorm (pour démarrer/terminer l’événement sur Livestorm). Faire les deux sur le même ordinateur peut être stressant pour le processeur et votre navigateur... Et pour l’hôte.

Création de l'événement#

Tout d'abord, rendez-vous sur votre chaîne YouTube, et allez sur votre tableau de bord. Allez dans votre section d'événements en direct. Choisissez l'option "Rapide" pour utiliser Google Hangouts.

TBD

N'oubliez pas de configurer vos paramètres de confidentialité sur "non référencé" pour vous assurer que vos participant·e·s ne se rendent pas sur votre chaîne YouTube pour regarder le live.

Paramètres avancés#

Dans l'onglet paramètres avancés, plusieurs options sont disponibles pour personnaliser votre stream. En voici quelques-unes qui pourraient être utiles pour ce cas d'usage.

TBD

Important : assurez-vous que « Autoriser l'intégration » soit coché. C'est essentiel car vous devez pouvoir intégrer le stream dans Livestorm.

Décochez les cases des promotions pour empêcher le stream d’apparaître sur votre chaîne. De plus, vous pouvez empêcher les gens de revenir en arrière dans le stream avec l’option DVR. Enfin, les options de latence sont là pour régler le délai entre ce que les participants voient et ce qui se passe réellement pendant le stream.

Si vous choisissez « Ultra faible latence », vous n'aurez qu'un délai de 5 secondes mais vous ne pourrez pas revenir en arrière dans le flux, et cela ne prend pas en charge les résolutions ultra HD.

Passer en direct avec Hangout#

Cliquez sur "Aller en direct maintenant" pour ouvrir Google Hangout et commencer le streaming :

Avant de commencer la diffusion :

  • Dans cet exemple, je souhaite avoir plusieurs présentateurs (plus de deux), je dois donc les ajouter au Hangout.

  • Configurer les webcams, le partage d'écran potentiel, etc.

  • Récupérer le lien intégré et l'ajouter à Livestorm

TBD

Très important : remplacez le "http://" dans le lien iframe par "https://" sinon cela ne fonctionnera pas sur Livestorm

Pour coller le code iframe, allez dans les paramètres de votre Événement > Intégrations > Paramètres du stream :

TBD

Démarrage de la diffusion#

Lorsque vous êtes prêt·e, lancez la diffusion sur Hangout. Puis démarrez l'événement sur Livestorm juste après.

Gardez à l'esprit que le replay n'est pas généré par Livestorm mais par YouTube, donc dès que vous lancez la diffusion sur Hangout, tout est enregistré.

Si vous diffusez sur Google Hangout et en même temps dans la salle Livestorm, vous devez absolument couper le son du lecteur YouTube dans la salle Livestorm, ou simplement porter des écouteurs. Sinon, le son de la salle Livestorm (avec un délai) retournera dans la salle Hangout et créera une boucle sonore infinie.

Fin de l'événement#

À la fin de l'événement, vous devez terminer la diffusion sur Hangout et l'événement sur Livestorm. L'enregistrement sera compilé sur YouTube, pas sur Livestorm. Vous pouvez récupérer le fichier vidéo ici sur votre tableau de bord YouTube.

Plus de ressources#

Voici quelques autres ressources que vous pourriez trouver utiles pour utiliser YouTube en direct comme :

Exemple : Facebook Live#

Dans cet exemple, vous pourrez créer une vidéo en direct sur Facebook et intégrer ce flux en direct sur Livestorm. Vous aurez besoin d'un compte Facebook et d'un compte Livestorm.

1Après vous être connecté·e à votre compte Facebook, depuis votre fil d’actualité, cliquez sur Live Video. Vous pouvez également cliquer sur Live Video depuis votre Timeline.

Un grand écran devrait apparaître avec votre webcam à gauche et des options à droite (voir capture d'écran ci-dessous).

2 Premièrement, choisissez où publier votre diffusion en direct. Vous pouvez choisir entre votre fil d'actualité, un groupe, un événement ou une page.

Vous pouvez saisir une légende. Sélectionnez votre microphone et votre webcam.

Enfin, assurez-vous de régler les paramètres de votre visionneur sur Public. Sinon, votre vidéo Facebook Live ne sera pas visible dans Livestorm !

3 Lorsque vous êtes prêt·e, cliquez sur le bouton bleu Go Live ! Cet onglet est votre flux principal qui offre l'option de Mettre fin à la vidéo en direct. Remarque : Gardez cet onglet ouvert !

4 Prochaine étape, où que vous choisissiez de partager la vidéo, vous devrez aller sur cette page pour récupérer le code iframe. Donc, si vous avez choisi de la partager sur votre Timeline, ouvrez un autre onglet avec votre timeline Facebook et cliquez sur votre vidéo > trois points en haut à droite > Intégrer.

5 Maintenant, dans vos Paramètres généraux de votre événement dans Livestorm, allez dans Paramètres de diffusion, et choisissez Source externe. Ensuite, saisissez le code.

Une fois cela enregistré, vous pouvez fermer le deuxième onglet que vous avez ouvert pour récupérer l'ID de la vidéo et revenir à l'onglet principal (où se trouve l'option : Mettre fin à la vidéo en direct).

6 Ensuite, vous pouvez Entrer dans la salle de l'événement sur Livestorm et cliquer sur Démarrer l'événement !

7 Lorsque vous avez terminé votre Facebook Live, cliquez sur le bouton rouge Terminer la vidéo en direct et Terminer l'événement sur Livestorm ! Voilà :)

Rejoignez notre démonstration produit Livestorm en direct

Au cours de cet évènement de 30 minutes, nous vous présenterons la plateforme. Vous apprendrez comment utiliser Livestorm pour vos évènements et réunions en ligne.