Ejecutar BigBlueButton en un - Reactjs, Vue.js, Angular.js

Big Blue Meeting Cloud Hosting, servidor dedicado y nube privada dedicada admiten la integración de BigBlueButton en un iframe.

Si está utilizando Cloud Hosting, simplemente puede usar su clave API, no es necesaria ninguna configuración. Si está utilizando las otras opciones, contáctenos ya que tendremos que hacer un pequeño cambio en su servidor para facilitar esta funcionalidad.

Puede registrarse para obtener una cuenta de prueba gratuita con nosotros para probar este proceso mientras desarrolla su aplicación.

Hay algunos requisitos previos para alojar BigBlueButton dentro de un .

Debe estar alojado bajo SSL

Su debe estar en un sitio alojado bajo SSL; de lo contrario, WebRTC no puede funcionar y no se puede otorgar permiso para compartir la cámara web, el micrófono y la pantalla.

Cómo usar la API de BigBlueButton para crear una URL para un

Primero debe crear una reunión con la llamada de creación de API. Después de crear una reunión, puede esperar 5 segundos antes de unirse o sondear el extremo de la API getMeetingInfo para saber si la reunión ha comenzado, no debería demorar más de 5 segundos. Durante este tiempo, debe mostrarle a su usuario una página de carga. Después de 5 segundos, puede generar un enlace de unión que usará para la etiqueta src de su . Su debería verse como a continuación, observe que el parámetro "permitir" debe especificarse exactamente así. El iframe luego unirá al usuario a la reunión.

Puede generar la URL para unirse justo después de emitir una llamada de creación, pero debe esperar 5 segundos antes de mostrar el iframe al usuario porque, de lo contrario, la reunión no estará lista y el usuario obtendrá una página de error.

Vue.js, Reactjs, Angular tienen sus propios métodos para agregar iframes, consulte la documentación de su biblioteca para saber cómo agregar un iframe a su aplicación.

Establecer permisos correctamente

<iframe src="?..." ancho="100%" altura="700" allow="cámara *;micrófono *;display-capture *;" permitir pantalla completa>

Si tiene alguna pregunta o problema, abra un ticket de soporte o haga clic en el botón de chat en la parte inferior derecha.