Exécution de BigBlueButton dans un - Reactjs, Vue.js, Angular.js

L'hébergement Big Blue Meeting Cloud, le serveur dédié et le cloud privé dédié prennent en charge l'intégration de BigBlueButton dans un iframe.

Si vous utilisez l'hébergement cloud, vous pouvez simplement utiliser votre clé API, aucune configuration n'est nécessaire. Si vous utilisez les autres options, veuillez nous contacter car nous devrons apporter une petite modification à votre serveur afin de faciliter cette fonctionnalité.

Vous pouvez créer un compte d'essai gratuit avec nous pour tester ce processus pendant que vous développez votre application.

Il y a quelques prérequis pour héberger BigBlueButton dans un .

Doit être hébergé sous SSL

Ton doit être sur un site hébergé sous SSL, sinon WebRTC ne peut pas fonctionner et l'autorisation de partage de webcam, de microphone et d'écran ne peut pas être accordée.

Comment utiliser l'API BigBlueButton pour créer une URL pour un

Vous devez d'abord créer une réunion avec l'appel d'API de création. Après la création d'une réunion, vous pouvez soit attendre 5 secondes avant de la rejoindre, soit interroger le point de terminaison de l'API getMeetingInfo pour savoir si la réunion a commencé, cela ne devrait pas prendre plus de 5 secondes. Pendant ce temps, vous devez montrer à votre utilisateur une page de chargement. Après 5 secondes, vous pouvez générer un lien de jointure que vous utiliserez pour la balise src de votre . Ton devrait ressembler à ci-dessous, notez que le paramètre "allow" doit être spécifié exactement comme ceci. L'iframe rejoindra alors l'utilisateur dans la réunion.

Vous pouvez générer l'URL de jointure juste après avoir émis un appel de création, mais vous devez attendre 5 secondes avant de montrer l'iframe à l'utilisateur car sinon, la réunion ne sera pas prête et l'utilisateur recevra une page d'erreur.

Vue.js, Reactjs, Angular ont tous leurs propres méthodes pour ajouter des iframes, veuillez consulter la documentation de votre bibliothèque pour savoir comment ajouter une iframe à votre application.

Régler autorisations correctement

<iframe src="?..." largeur="100%" hauteur="700" allow="caméra *;microphone *;affichage-capture *;" autoriser le plein écran>

Si vous avez des questions ou des problèmes, ouvrez un ticket d'assistance ou cliquez sur le bouton de chat en bas à droite.