---
title: "De Google Hangouts à WebRTC"
description: "Nous sommes passés de Google Hangouts à WebRTC : vous voulez savoir comment ?"
publishedAt: "2017-09-07 00:00"
modifiedAt: "2026-11-10T20:58:15.447Z"
author: "Remy"
tags:
[]
canonicalUrl: "https://www.webinargeek.com/fr/apprendre/mise-a-jour-produit-google-hangouts-webrtc"
language: "fr"
---

# De Google Hangouts à WebRTC

Le passage de Google Hangouts on Air à WebRTC pour diffuser nos webinaires en direct a été, de loin, le plus grand changement de la courte histoire de notre entreprise, WebinarGeek.

Passer en direct d'un simple clic, diffuser en haute qualité, et tout cela sans aucun décalage. Difficile de faire mieux, non ? Fin février, le moment est enfin arrivé… Le lancement du nouveau WebinarGeek ! À partir de ce moment-là, nous avons enfin volé de nos propres ailes.

C'était vraiment palpitant. Jusque-là, la diffusion des webinaires en direct passait toujours par les serveurs de Google. Mais à partir de ce moment, la responsabilité nous revenait soudain entièrement. Ce qui est formidable, comprenez-nous bien. Nous aimons avoir 100 % de maîtrise sur tous les facteurs d'influence, comme la qualité et la stabilité de la diffusion. Mais la transition ne s'est évidemment pas faite sans accroc. Sur la route de l'indépendance, nous avons rencontré un certain nombre de problèmes. Nous sommes tombés, mais nous nous sommes toujours relevés. Cela nous a aidés à progresser et à apprendre. Dans cet article, j'aimerais vous emmener un peu « dans les coulisses » de notre phase de lancement.

## Qu'est-ce que WebRTC, exactement ?

WebRTC signifie [WebRealTimeCommunication](https://webrtc.org/) : c'est une fonctionnalité de votre navigateur qui vous permet d'échanger de l'audio et de la vidéo en temps réel avec un autre navigateur.

Un programme comme Skype utilise une technologie similaire. Le principal avantage ? Toutes les interactions se font sans avoir à installer de logiciel supplémentaire. Le navigateur vous permet d'activer votre caméra et votre micro, et fournit les fonctionnalités standard nécessaires pour échanger des données avec un autre navigateur.

Le principal atout de WebRTC est l'absence de décalage pendant la diffusion. La technologie est connue pour son streaming dit « à faible latence ». Concrètement, aucun décalage ne se produit pendant les diffusions, en particulier entre navigateurs Google Chrome.

Google Chrome fait partie des premiers à avoir adopté WebRTC. L'entreprise derrière le moteur de recherche et le navigateur veut faire de cette technologie moderne un nouveau « standard du web ».

Chez WebinarGeek, nous pouvons lire et exploiter une partie des fonctionnalités du navigateur et construire un logiciel autour. Vous pouvez voir WebRTC comme une boîte à outils qui nous sert à créer des logiciels.

![Two laptops and the WebRTC logo in the middle](https://a.storyblok.com/f/110864/676x221/43e76202a6/webinargeek-webrtc.jpg)

_WebRTC permet la communication en temps réel entre navigateurs_

Par rapport à Google Hangouts on Air, WebRTC nous a ouvert de nombreuses possibilités : diffuser en direct sans décalage, diffuser en haute qualité et diffuser directement depuis le navigateur, sans rien installer ni utiliser de logiciel supplémentaire. Le tout sans intégrations complexes avec des tiers.

## Utiliser WebRTC pour les webinaires

À l'origine, WebRTC était conçu pour la visioconférence. Pendant une visioconférence, un navigateur est connecté à un autre navigateur. La communication est directe entre les deux navigateurs, comme sur Skype.

Ce n'est pas vraiment idéal pour un webinaire, car beaucoup de personnes doivent y participer en même temps. Vous ne voulez pas que votre ordinateur ou votre navigateur se connecte à des centaines d'autres ordinateurs simultanément. Ce serait non seulement potentiellement dangereux, mais aussi pratiquement impossible. Pendant un webinaire, les données sont diffusées d'un ordinateur vers de nombreux autres, au lieu d'une communication directe dans les deux sens.

C'est là qu'intervient un peu de magie WebinarGeek ! Nous avons rendu possible l'utilisation de WebRTC pour la diffusion de webinaires. Sans décalage et sans devoir établir de connexions entre tous les participants.

Voici comment fonctionne la magie : vous créez une seule connexion entre votre navigateur et WebinarGeek, et nous nous occupons du reste. Depuis nos serveurs, nous répartissons votre connexion vers tous les spectateurs : tout le « gros du travail » se fait donc de notre côté. Ce processus permet aussi d'enregistrer tous les webinaires.

C'était de loin le défi le plus important et le plus difficile de la mise en œuvre de WebRTC. Vous imaginez bien que nous avons fait une petite fête au bureau quand nous avons enfin trouvé la solution.

## Les données, c'est le savoir...

L'une des choses qui nous ont le plus aidés, c'est le stockage des informations. Chez WebinarGeek, nous enregistrons tout, et je dis bien tout. Les statistiques de chaque animateur et de chaque spectateur nous aident à améliorer WebinarGeek. Chaque notification qui s'affiche sur un écran, chaque aspect de la connexion : tout se trouve dans notre immense masse de données. L'une de nos pratiques au sein de l'équipe technique consiste à analyser un échantillon de webinaires :

- Comment la diffusion s'est-elle passée du point de vue de l'animateur ?
- Sur quels appareils les spectateurs ont-ils regardé le webinaire ?
- Qui n'a pas pu se connecter, et pourquoi a-t-il manqué la diffusion ?
- La qualité était-elle bien réglée, pour l'animateur comme pour les spectateurs ?
- Qui a vu des messages d'erreur, et pourquoi ?

Ces analyses périodiques sont documentées et discutées chaque semaine avec l'équipe. Nous examinons surtout les adaptations possibles du logiciel pour résoudre un problème, ou de l'application pour clarifier quelque chose. Par exemple, lorsqu'un spectateur doit effectuer une action mais ne trouve pas le bouton.

![Remy from WebinarGeek testing on several devices](https://a.storyblok.com/f/110864/1632x1224/3c823d5d18/testing-at-webinargeek.jpg)

_Dans mon habitat naturel : chez WebinarGeek, les tests sont généralement poussés très loin_

Les spectateurs suivent les webinaires dans des centaines de situations différentes. Depuis les Pays-Bas ou un autre pays. Sur un ordinateur fixe, un portable ou une tablette. En Wi-Fi ou en filaire. Avec Internet Explorer, Edge, Safari, Chrome, Firefox, différents navigateurs, différentes versions de navigateur : les combinaisons sont infinies. C'est pourquoi l'analyse et l'amélioration périodiques sont indispensables.

En plus des échantillons, depuis août, notre système envoie automatiquement une notification lorsqu'un problème survient pendant un webinaire. Par exemple, un micro défaillant, une mauvaise connexion ou un pourcentage (trop) élevé de spectateurs rencontrant des problèmes. Nous pouvons ainsi améliorer WebinarGeek avec encore plus de précision.

![Notification of a WebinarGeek event](https://a.storyblok.com/f/110864/975x169/1874ef91e3/webinargeek-event-notification.jpg)

_Dans le système WebinarGeek, nous recevons littéralement un « ding » quand un webinaire en direct (ou terminé) requiert notre attention immédiate_

## Les défis depuis l'arrivée de WebRTC

Depuis le lancement de notre nouvelle solution de diffusion, nous avons apporté des centaines d'améliorations et de modifications. Voici quelques exemples de ce que nous avons rencontré pendant cette période :

### Ajuster la qualité

Après le lancement, la plupart de nos clients semblaient pouvoir animer un webinaire en haute qualité. Certains ont toutefois rencontré des problèmes de qualité : des morceaux de vidéo manquants, un son qui coupe. Après analyse, ces problèmes semblaient dus à l'instabilité du réseau (par exemple, du Wi-Fi depuis un grenier) ou à un débit internet inférieur à la moyenne.

Suite aux problèmes rencontrés par nos clients, nous avons mis en place un test réseau automatique sur la page de diffusion. Dès le chargement de la page, des tests de débit et de réseau sont effectués en arrière-plan afin de déterminer la qualité optimale pour le webinaire.

Connexion internet lente ? Pas de panique. Dans ce cas, nous baissons automatiquement un peu la qualité pour que votre webinaire puisse être diffusé sans le moindre problème.

### Faire pivoter l'écran

L'analyse de nos spectateurs nous a appris quelque chose d'intéressant. Certains utilisateurs mobiles ouvraient la page pour regarder le webinaire, mais ne le lançaient finalement jamais. Sur les appareils mobiles, nous ne sommes généralement pas autorisés à démarrer la vidéo. C'est une restriction que l'éditeur du logiciel mobile impose aux sites web contenant des vidéos. Après des recherches plus poussées, le problème semblait avoir deux composantes :

- Tous les spectateurs ne comprenaient pas qu'ils devaient appuyer sur « lecture » pour regarder.
- Certains spectateurs voyaient une image leur demandant de faire pivoter l'écran pour regarder le webinaire en mode paysage. Cette image n'était pas toujours comprise.

Nous avons donc ajouté sur la page des indications claires et intuitives pour lancer la vidéo. Nous avons aussi entièrement repensé l'image invitant à faire pivoter l'écran. Depuis ces deux petits changements, nous n'avons plus jamais rencontré ces problèmes !

![Picture of rotating a mobile device](https://a.storyblok.com/f/110864/612x297/31f4f66416/rotate-device.jpg)

_Nos recherches ont montré que l'image de gauche n'était pas assez intuitive ; la seconde fonctionnait beaucoup mieux_

### Navigateurs Android

Les spectateurs qui regardent sur mobile avec un appareil Apple sont toujours les bienvenus. Il est assez facile de repérer un appareil Apple, et nous avons généralement affaire au même type de navigateur. Pour Android, c'est plus compliqué. Il existe non seulement des dizaines d'appareils et de versions, mais aussi un large éventail de navigateurs et de versions de navigateur.

L'analyse de nos spectateurs a montré que certains spectateurs sur Android avaient du mal à regarder les diffusions. Ils parvenaient à lire le contenu, mais parfois le flux mettait beaucoup en mémoire tampon (il prenait du retard), ou s'arrêtait tout simplement avant la fin. Après des recherches complémentaires, il est apparu que certains navigateurs et appareils Android prenaient en charge notre type de diffusion en direct (via HLS), mais que ce support était généralement réputé « médiocre » ou « bogué » (beaucoup d'erreurs).

Pour mieux maîtriser la situation, nous avons limité le visionnage sur Android aux versions 4.1 et supérieures d'Android OS. Nous avons aussi choisi de ne prendre en charge que le navigateur Google Chrome (installé d'office sur tous les appareils que nous prenons en charge). Dans notre **Help Center** , nous tenons une [liste à jour des navigateurs et des versions que nous prenons en charge](https://www.webinargeek.com/en/doc/system-requirements).

## Dans les semaines à venir, nous nous concentrerons sur la montée en charge et l'amélioration de la qualité

La prise en charge de WebRTC par les navigateurs ne cesse de s'étendre. Cela nous permet de rendre les webinaires plus stables et de proposer une meilleure qualité de diffusion. L'une des prochaines versions de Google Chrome intégrera une toute nouvelle technique de « réduction du bruit » qui améliore la qualité du son, en particulier celle des micros intégrés. Nos oreilles vous disent merci.

Mais ce n'est pas tout. Dans les 6 prochains mois, la prise en charge de WebRTC dans des navigateurs comme Firefox et Safari sera mise en œuvre d'une manière qui pourra améliorer WebinarGeek. Pour l'instant, nous appliquons un décalage aux webinaires pour les spectateurs qui utilisent un navigateur non pris en charge. Notre objectif est de pouvoir nous en passer à l'avenir.

Enfin, une grande partie de notre développement technologique actuel vise à monter en charge toujours davantage : accueillir davantage de spectateurs, avec une qualité vidéo encore meilleure et le plus fluidement possible. La combinaison des évolutions technologiques des navigateurs et des innovations de WebinarGeek rendra cela possible. Je vous tiendrai au courant !

Si vous avez des remarques ou des questions après avoir lu cet article, n'hésitez pas à nous contacter via le support client, accessible en bas à droite de votre écran.