Ausführen von BigBlueButton in einem - Reactjs, Vue.js, Angular.js

Big Blue Meeting Cloud Hosting, Dedicated Server und Dedicated Private Cloud unterstützen das Einbetten von BigBlueButton in einen Iframe.

Wenn Sie das Cloud-Hosting verwenden, können Sie einfach Ihren API-Schlüssel verwenden, es ist keine Konfiguration erforderlich. Wenn Sie die anderen Optionen verwenden, kontaktieren Sie uns bitte, da wir eine kleine Änderung an Ihrem Server vornehmen müssen, um diese Funktionalität zu ermöglichen.

Sie können sich bei uns für ein kostenloses Testkonto anmelden, um diesen Prozess zu testen, während Sie Ihre App entwickeln.

Es gibt einige Voraussetzungen für das Hosten von BigBlueButton in einer .

Muss unter SSL gehostet werden

Dein muss auf einer Website sein, die unter SSL gehostet wird, sonst kann WebRTC nicht funktionieren und die Erlaubnis für Webcam, Mikrofon und Bildschirmfreigabe kann nicht erteilt werden.

So verwenden Sie die BigBlueButton-API zum Erstellen einer URL für eine

Sie müssen zuerst ein Meeting mit dem API-Create-Aufruf erstellen. Nachdem ein Meeting erstellt wurde, können Sie entweder 5 Sekunden warten, bevor Sie ihm beitreten, oder den getMeetingInfo-API-Endpunkt abfragen, ob das Meeting begonnen hat, es sollte nicht länger als 5 Sekunden dauern. Während dieser Zeit sollten Sie Ihrem Benutzer eine Ladeseite zeigen. Nach 5 Sekunden können Sie einen Beitrittslink generieren, den Sie für das src-Tag Ihrer verwenden . Dein wie unten aussehen sollte, beachten Sie den Parameter "allow", er muss genau so angegeben werden. Der Iframe wird dann den Benutzer in das Meeting aufnehmen.

Sie können die Beitritts-URL direkt nach dem Erstellen eines Aufrufs generieren, aber Sie müssen 5 Sekunden warten, bevor Sie dem Benutzer den iFrame anzeigen, da das Meeting sonst nicht bereit ist und der Benutzer eine Fehlerseite erhält.

Vue.js, Reactjs, Angular haben alle ihre eigenen Methoden zum Hinzufügen von Iframes. Bitte konsultieren Sie die Dokumentation Ihrer Bibliothek, um zu erfahren, wie Sie Ihrer Anwendung einen Iframe hinzufügen.

Satz Berechtigungen richtig

<iframe src="?..." width="100%" height="700" allow="camera *;microphone *;display-capture *;" Vollbild zulassen>

Wenn Sie Fragen oder Probleme haben, öffnen Sie ein Support-Ticket oder klicken Sie auf die Chat-Schaltfläche unten rechts.