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

Big Blue Meeting Cloud Hosting, dedikert server og dedikert privat sky støtter innebygging av BigBlueButton i en iframe.

Hvis du bruker Cloud Hosting, kan du ganske enkelt bruke API-nøkkelen din, ingen konfigurasjon er nødvendig. Hvis du bruker de andre alternativene, vennligst kontakt oss, da vi må gjøre en liten endring på serveren din for å lette denne funksjonaliteten.

Du kan registrere deg for en gratis prøvekonto hos oss for å teste denne prosessen mens du utvikler appen din.

Det er noen få forutsetninger for å være vert for BigBlueButton i en .

Må hostes under SSL

Din må være på et nettsted som er vert under SSL, ellers kan ikke WebRTC fungere og tillatelse til deling av webkamera, mikrofon og skjerm kan ikke gis.

Hvordan bruke BigBlueButton API for å lage en URL for en

Du må først opprette et møte med opprette API-kallet. Etter at et møte er opprettet kan du enten vente 5 sekunder før du blir med eller spørre getMeetingInfo API-endepunktet for om møtet har startet, bør det ikke ta mer enn 5 sekunder. I løpet av denne tiden bør du vise brukeren en lasteside. Etter 5 sekunder kan du generere en bli med-lenke som du vil bruke for src-taggen til din . Din skal se ut som nedenfor, legg merke til "allow"-parameteren den må spesifiseres nøyaktig slik. Iframen vil da bli med brukeren til møtet.

Du kan generere sammenføynings-URLen rett etter at du har utstedt et opprettelsesanrop, men du må vente 5 sekunder før du viser iframen til brukeren, fordi ellers vil ikke møtet være klart og brukeren får en feilside.

Vue.js, Reactjs, Angular har alle sine egne metoder for å legge til iframes, vennligst se dokumentasjonen for biblioteket for hvordan du legger til en iframe til applikasjonen din.

Sett rettigheter

<iframe src="?..." width="100%" height="700" allow="kamera *;mikrofon *;display-capture *;" tillat fullskjerm>

Hvis du har spørsmål eller problemer, åpne en støttebillett eller klikk på chat-knappen nederst til høyre.