Kör BigBlueButton i en - Reactjs, Vue.js, Angular.js

Big Blue Meeting Cloud Hosting, Dedikerad Server och Dedicated Private Cloud stöder inbäddning av BigBlueButton i en iframe.

Om du använder Cloud Hosting kan du helt enkelt använda din API-nyckel, ingen konfiguration behövs. Om du använder de andra alternativen vänligen kontakta oss eftersom vi måste göra en liten ändring på din server för att underlätta denna funktionalitet.

Du kan registrera dig för ett gratis testkonto hos oss för att testa den här processen medan du utvecklar din app.

Det finns några förutsättningar för att vara värd för BigBlueButton inom en .

Måste vara värd under SSL

Din måste finnas på en webbplats som är värd under SSL annars kan WebRTC inte fungera och webbkamera, mikrofon och skärmdelningstillstånd kan inte ges.

Hur man använder BigBlueButton API för att skapa en URL för en

Du måste först skapa ett möte med skapa API-anropet. Efter att ett möte har skapats kan du antingen vänta 5 sekunder innan du går med eller kontrollera getMeetingInfo API-slutpunkten om mötet har startat, det bör inte ta mer än 5 sekunder. Under denna tid bör du visa din användare en laddningssida. Efter 5 sekunder kan du skapa en länk som du kommer att använda för din src-tagg . Din bör se ut som nedan, lägg märke till "tillåt"-parametern den måste anges exakt så här. Iframe kommer sedan att ansluta användaren till mötet.

Du kan generera anslutnings-URL direkt efter att du har skickat ett skapa-samtal, men du måste vänta 5 sekunder innan du visar iframen för användaren eftersom mötet annars inte kommer att vara klart och användaren får en felsida.

Vue.js, Reactjs, Angular har alla sina egna metoder för att lägga till iframes, se dokumentationen för ditt bibliotek för hur du lägger till en iframe till din applikation.

Uppsättning behörigheter korrekt

<iframe src="?..." width="100%" height="700" allow="kamera *;mikrofon *;display-capture *;" tillåt fullskärm>

Om du har några frågor eller problem öppnar du ett supportärende eller klickar på chattknappen längst ner till höger.