DOCUMENTATION EN COURS DE RÉDACTION

Contexte et solution apportée

Contexte

Suite à la pandémie de COVID-19, il a été mis en place, à l'université de Montpellier, un système de classe virtuelle Open Source reposant sur Big Blue Button (BBB).

Pour informations, BigBlueButton (https://bigbluebutton.org/) est un outil de classe virtuelle ayant les fonctionnalités suivantes :

• Vidéo/webcam
• Audio
• Chat
• Partage de document + annotation
• Partage d’écran
• Sondage
• Enregistrement
• Création de groupes
• Prises de notes partagées
• Intégration de vidéos externes
• Intégration Moodle et WordPress

Il faut savoir que l'enregistrement d'une session BBB se fait sous la forme d'une présentation Web. Cette présentation Web peut alors être lue directement depuis un navigateur, en ayant récupéré l'adresse dans le client BBB (typiquement Moodle ou Greenlight).

Bien que cette façon de faire est des avantages - en particulier concernant l'espace de stockage (une présentation Web n'étant pas une vidéo, sa taille est très petite) - elle présente quelques inconvénients, à savoir :

• cette présentation Web n'est pas une vidéo, elle ne peut être publiée sur des plateformes telles Pod ou Youtube,
• cette présentation Web n'est pas une vidéo, elle ne peut être coupée,
• cette présentation Web ne peut être consultée qu'au travers des clients BBB (Moodle ou Greenlight), ou donnée via un lien dans un mail. Si l'on souhaite donner d'autres accès, cela n'est pas possible,
• cette présentation Web ne peut être lue que sur les navigateurs Firefox et Chrome dans une version à jour.

Au final, certains enseignants souhaitaient convertir ces présentations Web sous la forme de vidéos, et les publier directement dans la plateforme vidéo de l'université, qui repose sur Pod v2.

Solution

Pour résoudre cette problématique et répondre favorablement aux demandes des enseignants de l'université, j'ai conçu la solution suivante, qui se repose totalement sur Pod v2.

L'idée de cette solution est de :

• Récupérer régulièrement les informations concernant les sessions en cours, ainsi que les usagers, dans BigBlueButton,
  
  
• Positionner ces informations dans la base de données de Pod,
  
  
• Traiter ces données pour permettre aux utilisateurs, connectés dans Pod, de pouvoir consulter leurs enregistrements des sessions BigBlueButton qu'ils ont réalisé,

Par exemple, voici la liste des sessions BigBlueButton réalisée à des fins de test.

• Permettre à ces utilisateurs, connectés dans Pod, de créer des vidéos à partir de ses présentations BigBlueButton.

Voici l'écran permettant la confirmation de la création d'une vidéo à partir d'une présentation BigBlueButton.

• Une fois la vidéo créée à partir de la présentation Web BigBlueButton, celle-ci apparaît dans la liste habituelle de mes vidéos.

Voici le rendu d'une vidéo créée à partir d'une présentation Web BigBlueButton.

Une vidéo créée à partir d'une présentation Web BigBlueButton est réellement identique à cette présentation Web, ce qui signifie qu'elle contient :

• le document de présentation,
• l'audio,
• la vidéo/webcam,
• le partage d'écran,
• le chat public,
• le tableau blanc.

Architecture de la solution

Choix du plugin permettant la conversion d'une présentation Web BigBlueButton en vidéo

Pour convertir une présentation Web BigBlueButton en vidéo, certains plugins existent déjà sur Github; il ne paraît pas raisonnable de redévelopper un tel système.

Pour arriver à faire mon choix, j'ai testé les 3 solutions suivantes :

• bbb-recorder (https://github.com/jibon57/bbb-recorder) : un plugin, indépendant de BigBlueButton, qui permet de convertir - via un script - une présentation Web BigBlueButton en fichier vidéo.
• bbb-download (https://github.com/createwebinar/bbb-download) : un plugin, totalement couplé à BigBlueButton, qui convertit automatiquement les présentations Web de BigBlueButton en fichier vidéo.
• BigBlueButton-liveStreaming (https://github.com/aau-zid/BigBlueButton-liveStreaming) : un plugin, indépendant de BigBlueButton, permettant de publier en live (via RTMP) une session BigBlueButton et de l'enregistrer.

Au final, voici ce qui ressort de mes tests.

	bbb-recorder	bbb-download	BigBlueButton-liveStreaming
Enregistre un cours BBB en vidéo	format webm, mp4		peut enregistré le cours qu'il publie en live au format mkv
Exporte un cours BBB en direct live
Enregistre un cours en temps réel
Indépendance vis-à-vis de BigBlueButton	peut-être installé sur n'importe quel serveur	doit être installé sur tous les serveurs BBB	peut-être installé sur n'importe quel serveur
Contenu de la vidéo finale	présentation  audio  vidéo partage d'écran chat whiteboard	présentation  audio  vidéo  partage d'écran  chat  whiteboard	présentation  audio  vidéo  partage d'écran  chat  whiteboard
Technologies	NodeJS, xvfb, Chrome, ffmpeg, shell	Python, ruby, ffmpeg, shell	Docker, python, xvfb, ffmpeg, shell
Mise à jour régulière		Dernière mise à jour en 2018
Notion de charge	le fichier vidéo fait entre 2 et 4Mo par minute, en webm ou mp4	Encode nécessairement toutes les Web conférences en vidéo	1 stream nécessite (à minima ?) 8 CPU cores + 4 Go RAM possibilité de faire plusieurs streams sur une même VM ? le fichier vidéo fait ~19Mo par minute, en mkv
Commentaires	Facilement modifiable (scripts JS pour NodeJS)	Complètement intégré à BBB (une fois un cours enregistré terminé, une vidéo - en plus de la présentation - est générée)	Il faut bien respecter l'ordre de démarrage (session BBB avant liveStreaming).
Remarques sur mes tests			Le fait de partager l'écran semble - dans certains cas - faire planter ce plugin, avec une erreur "Conversion failed ( Error writing trailer of rtmp://xxxx:xxxx@xxxx.umontpellier.fr:1935/live/myStream: Broken pipe)".

Aux vues des besoins, j'ai alors choisi bbb-recorder comme solution pour la conversion des présentations Web BigBlueButton en fichier vidéo.

Pré-requis

Techniquement, la solution repose sur le développement d'un plugin BBB pour Pod v2 et l'utilisation du plugin spécifique bbb-recorder (https://github.com/jibon57/bbb-recorder).