Afrikaans
العربية
български
বাংলা
Čeština
Dansk
Deutsch
Ελληνικά
English (US)
Español
فارسی
Suomi
Français
עִבְרִית
हिन्दी
Bahasa Indonesia
Italiano
日本語
한국어
Latviešu valoda
Bahasa Melayu
Nederlands
Norsk Bokmål
Polski
Português
Русский
Kiswahili
Svenska
ไทย
Türkçe
Українська
Tiếng Việt
简体中文
繁體中文
So betten Sie BigBlueButton 3.0 in einen iFrame ein
Wenn Sie unseren Cloud-Hosting-Service nutzen, können Sie einfach Ihren API-Schlüssel verwenden – eine zusätzliche Konfiguration ist nicht erforderlich.
Falls Sie einen anderen Hosting-Anbieter nutzen, kontaktieren Sie bitte unser Support-Team. Wir müssen eine kleine Konfigurationsänderung auf Ihrem Server vornehmen, um die Einbettung von iFrames zu ermöglichen.
Sie können sich auch für ein kostenloses Testkonto anmelden, um die Integration während der Entwicklung Ihrer Anwendung zu testen.
SSL ist erforderlich
Ihre <iframe> Die Website muss über HTTPS (SSL/TLS) gesichert sein. WebRTC-Funktionen wie Webcams, Mikrofone und Bildschirmfreigabe benötigen eine sichere Verbindung. Ist Ihre Website nicht SSL-verschlüsselt, können Nutzer die erforderlichen Berechtigungen nicht erteilen.
Aktivieren Sie allowRequestsWithoutSession
Beim Erstellen eines Meetings müssen Sie die folgenden Einstellungen vornehmen: allowRequestsWithoutSession Parameter true.
Dieser Parameter ermöglicht es Benutzern, Besprechungen beizutreten, ohne dass eine Validierung durch Session-Cookies erforderlich ist. Dies ist normalerweise der Fall, wenn Benutzer über eine von der API generierte Beitritts-URL beitreten, die in einem iFrame geladen wird.
Der Parameter wurde in BigBlueButton 2.4.3 hinzugefügt und hat standardmäßig den Wert falseWird dieser Parameter weggelassen oder auf „false“ belassen, … falseEs kann vorkommen, dass Benutzer nicht über einen eingebetteten iFrame an Besprechungen teilnehmen können.
Erstellen Sie eine Join-URL für einen iFrame.
- Erstellen Sie ein Meeting mithilfe der
createAPI-Aufruf und EinschlussallowRequestsWithoutSession=true. - Warten Sie etwa 5 Sekunden, bis das Meeting initialisiert ist, oder fragen Sie die
getMeetingInfoAPI-Endpunkt, bis das Meeting verfügbar ist. - Während des Starts des Meetings wird ein Ladebildschirm angezeigt.
- Generieren Sie eine Join-URL mithilfe der
joinAPI-Aufruf. - Verwenden Sie die generierte Beitritts-URL als
srcAttribut Ihres iFrames.
Wichtig
Sie können die Beitritts-URL direkt nach dem Erstellen des Meetings generieren, sollten aber warten, bis das Meeting bereit ist, bevor Sie den iFrame anzeigen. Ein zu frühes Laden des iFrames kann zu einer Fehlerseite führen.
Vue.js, React und Angular verfügen jeweils über eigene Methoden zum Rendern von iFrames. Details zur Implementierung finden Sie in der Dokumentation Ihres Frameworks.
iFrame-Berechtigungen korrekt einstellen
Das allow Das Attribut muss genau wie unten dargestellt konfiguriert werden, um die Kamera-, Mikrofon- und Bildschirmfreigabefunktionen zu aktivieren:
<iframe
src="https://manager.bigbluemeeting.com/bigbluebutton/api/join?..."
width="100%"
height="700"
allow="camera *; microphone *; display-capture *;"
allowfullscreen
></iframe>Bei korrekter Konfiguration wird der Benutzer automatisch über den iFrame an der Besprechung teilnehmen.