BigBlueButton uitvoeren in een - Reactjs, Vue.js, Angular.js

Als u gebruik maakt van de Cloud Hosting, dan kunt u eenvoudig uw API-sleutel gebruiken, er is geen configuratie nodig. Als u de andere opties gebruikt, neem dan contact met ons op, want we zullen een kleine wijziging aan uw server moeten aanbrengen om deze functionaliteit te vergemakkelijken.

U kunt zich bij ons aanmelden voor een gratis proefaccount om dit proces te testen terwijl u uw app ontwikkelt.

Er zijn een paar vereisten voor het hosten van BigBlueButton binnen een .

Moet worden gehost onder SSL

Uw moet door op een site die wordt gehost onder SSL, anders kan WebRTC niet werken en kunnen webcam, microfoon en toestemming voor het delen van schermen niet worden gegeven.

Hoe de BigBlueButton API te gebruiken om een ​​URL te maken voor een

U moet eerst een vergadering maken met de API-aanroep maken. Nadat een vergadering is gemaakt, kunt u 5 seconden wachten voordat u deelneemt of het getMeetingInfo API-eindpunt pollen, want als de vergadering is begonnen, mag dit niet meer dan 5 seconden duren. Gedurende deze tijd moet u uw gebruiker een laadpagina laten zien. Na 5 seconden kun je een join-link genereren die je gaat gebruiken voor de src-tag van je . Uw er als volgt uit zou moeten zien, let op de parameter "allow" en deze moet precies zo worden gespecificeerd. Het iframe voegt zich dan bij de gebruiker in de vergadering.

U kunt de deelname-URL direct na het maken van een aanroep genereren, maar u moet 5 seconden wachten voordat u het iframe aan de gebruiker laat zien, omdat anders de vergadering niet gereed is en de gebruiker een foutpagina krijgt.

Vue.js, Reactjs, Angular hebben allemaal hun eigen methoden voor het toevoegen van iframes. Raadpleeg de documentatie voor uw bibliotheek voor informatie over het toevoegen van een iframe aan uw toepassing.

Set machtigingen correct

<iframe src="?..." breedte = "100%" hoogte = "700" allow="camera *;microfoon *;display-capture *;" toelaatbaar scherm>

Als je vragen of problemen hebt, open dan een supportticket of klik op de chatknop rechtsonder.