Kører BigBlueButton i en - Reactjs, Vue.js, Angular.js

Big Blue Meeting Cloud Hosting, Dedikeret Server og Dedikeret Private Cloud understøtter indlejring af BigBlueButton i en iframe.

Hvis du bruger Cloud Hosting, kan du blot bruge din API-nøgle, ingen konfiguration er nødvendig. Hvis du bruger de andre muligheder, bedes du kontakte os, da vi bliver nødt til at foretage en lille ændring på din server for at lette denne funktionalitet.

Du kan tilmelde dig en gratis prøvekonto hos os for at teste denne proces, mens du udvikler din app.

Der er et par forudsætninger for at være vært for BigBlueButton inden for en .

Skal hostes under SSL

Din skal være på et websted, som hostes under SSL, ellers kan WebRTC ikke fungere, og webcam, mikrofon og skærmdelingstilladelse kan ikke gives.

Sådan bruger du BigBlueButton API til at oprette en URL til en

Du skal først oprette et møde med opret API-kaldet. Efter et møde er oprettet, kan du enten vente 5 sekunder, før du tilmelder dig, eller polle getMeetingInfo API-slutpunktet for, om mødet er startet, bør det ikke tage mere end 5 sekunder. I løbet af denne tid bør du vise din bruger en indlæsningsside. Efter 5 sekunder kan du generere et joinlink, som du vil bruge til din src-tag . Din skal se ud som nedenfor, bemærk "tillad"-parameteren, den skal angives nøjagtigt sådan. Iframen slutter derefter brugeren til mødet.

Du kan generere join-URL'en lige efter du har foretaget et oprettelsesopkald, men du skal vente 5 sekunder, før du viser iframen til brugeren, fordi ellers vil mødet ikke være klar, og brugeren vil få en fejlside.

Vue.js, Reactjs, Angular har alle deres egne metoder til at tilføje iframes. Se venligst dokumentationen til dit bibliotek for, hvordan du tilføjer en iframe til din applikation.

Sæt tilladelser korrekt

<iframe src="?..." width="100%" height="700" allow="kamera *;mikrofon *;display-capture *;" tillad fuldskærm>

Hvis du har spørgsmål eller problemer, skal du åbne en supportbillet eller klikke på chatknappen nederst til højre.