Esecuzione di BigBlueButton in un - Reactjs, Vue.js, Angular.js

Big Blue Meeting Cloud Hosting, Server Dedicato e Cloud Privato Dedicato supportano l'incorporamento di BigBlueButton in un iframe.

Se stai utilizzando il Cloud Hosting, puoi semplicemente utilizzare la tua chiave API senza bisogno di configurazione. Se stai utilizzando le altre opzioni, contattaci poiché dovremo apportare una piccola modifica al tuo server per facilitare questa funzionalità.

Puoi registrarti per un account di prova gratuito con noi per testare questo processo mentre sviluppi la tua app.

Ci sono alcuni prerequisiti per ospitare BigBlueButton all'interno di un .

Deve essere ospitato in SSL

Il tuo deve essere su un sito che è ospitato sotto SSL, altrimenti WebRTC non può funzionare e non è possibile concedere autorizzazioni per la condivisione di webcam, microfono e schermo.

Come utilizzare l'API BigBlueButton per creare un URL per un file

Devi prima creare una riunione con la chiamata API di creazione. Dopo aver creato una riunione, puoi attendere 5 secondi prima di entrare o eseguire il polling dell'endpoint API getMeetingInfo per verificare che se la riunione è iniziata, non dovrebbero volerci più di 5 secondi. Durante questo periodo dovresti mostrare al tuo utente una pagina di caricamento. Dopo 5 secondi, puoi generare un link di join che utilizzerai per il tag src del tuo . Il tuo dovrebbe apparire come sotto, nota il parametro "allow" deve essere specificato esattamente in questo modo. L'iframe si unirà quindi all'utente nella riunione.

Puoi generare l'URL di accesso subito dopo aver emesso una chiamata di creazione, ma devi attendere 5 secondi prima di mostrare l'iframe all'utente perché altrimenti la riunione non sarà pronta e l'utente visualizzerà una pagina di errore.

Vue.js, Reactjs, Angular hanno tutti i propri metodi per aggiungere iframe, consulta la documentazione per la tua libreria su come aggiungere un iframe alla tua applicazione.

Impostare autorizzazioni correttamente

<iframe origine="?..." larghezza="100%" altezza="700" allow="fotocamera *;microfono *;acquisizione display *;" permetti schermo intero>

In caso di domande o problemi, apri un ticket di supporto o fai clic sul pulsante chat in basso a destra.