Executando BigBlueButton em um - Reactjs, Vue.js, Angular.js

O Big Blue Meeting Cloud Hosting, Servidor Dedicado e Nuvem Privada Dedicada suporta a incorporação de BigBlueButton em um iframe.

Se você estiver usando o Cloud Hosting, basta usar sua chave de API, sem necessidade de configuração. Se você estiver usando as outras opções, entre em contato conosco, pois teremos que fazer uma pequena alteração no seu servidor para facilitar essa funcionalidade.

Você pode se inscrever para uma conta de avaliação gratuita conosco para testar esse processo enquanto desenvolve seu aplicativo.

Existem alguns pré-requisitos para hospedar BigBlueButton dentro de um .

Deve ser hospedado em SSL

Sua deve estar em um site hospedado sob SSL, caso contrário, o WebRTC não pode funcionar e a permissão de webcam, microfone e compartilhamento de tela não pode ser concedida.

Como usar a API BigBlueButton para criar uma URL para um

Você deve primeiro criar uma reunião com a chamada de API de criação. Após a criação de uma reunião, você pode aguardar 5 segundos antes de ingressar ou pesquisar o ponto de extremidade da API getMeetingInfo para saber se a reunião começou, não deve demorar mais de 5 segundos. Durante esse tempo, você deve mostrar ao usuário uma página de carregamento. Após 5 segundos, você pode gerar um link de junção que você usará para a tag src do seu . Sua deve ficar como abaixo, observe que o parâmetro "allow" deve ser especificado exatamente assim. O iframe irá então juntar o usuário à reunião.

Você pode gerar a URL de ingresso logo após emitir uma chamada de criação, mas deve aguardar 5 segundos antes de mostrar o iframe ao usuário, caso contrário, a reunião não estará pronta e o usuário receberá uma página de erro.

Vue.js, Reactjs, Angular, todos têm seus próprios métodos para adicionar iframes, consulte a documentação de sua biblioteca para saber como adicionar um iframe ao seu aplicativo.

Definir permissões corretamente

<iframe src="?..." largura="100%" altura="700" allow="câmera *;microfone *;captura de exibição *;" tela permitida>

Se você tiver alguma dúvida ou problema, abra um ticket de suporte ou clique no botão de bate-papo no canto inferior direito.