Запуск BigBlueButton в - Reactjs, Vue.js, Angular.js

Хостинг Big Blue Meeting Cloud, выделенный сервер и выделенное частное облако поддерживают встраивание BigBlueButton в iframe.

Если вы используете облачный хостинг, вы можете просто использовать свой ключ API без необходимости настройки. Если вы используете другие варианты, свяжитесь с нами, так как нам придется внести небольшие изменения в ваш сервер, чтобы упростить эту функцию.

Вы можете зарегистрировать у нас бесплатную пробную учетную запись, чтобы протестировать этот процесс во время разработки своего приложения.

Есть несколько предварительных условий для размещения BigBlueButton в .

Должен быть размещен под SSL

Ваш должен находиться на сайте, размещенном под SSL, в противном случае WebRTC не может работать, а веб-камера, микрофон и разрешение на совместное использование экрана не могут быть предоставлены.

Как использовать API BigBlueButton для создания URL-адреса для

Сначала необходимо создать собрание с помощью вызова create API. После создания собрания вы можете либо подождать 5 секунд, прежде чем присоединиться, либо опросить конечную точку API getMeetingInfo, чтобы, если собрание началось, это не должно занять более 5 секунд. В это время вы должны показать пользователю загрузочную страницу. Через 5 секунд вы можете сгенерировать ссылку для присоединения, которую вы будете использовать для тега src вашего . Ваш должно выглядеть так, как показано ниже, обратите внимание на параметр «разрешить», он должен быть указан именно так. Затем iframe присоединит пользователя к собранию.

Вы можете сгенерировать URL-адрес присоединения сразу после создания вызова, но вы должны подождать 5 секунд, прежде чем показывать iframe пользователю, потому что в противном случае собрание не будет готово, и пользователь получит страницу с ошибкой.

Vue.js, Reactjs, Angular имеют свои собственные методы добавления iframe, пожалуйста, обратитесь к документации по вашей библиотеке, чтобы узнать, как добавить iframe в ваше приложение.

Установлен разрешения правильно

<iframe источник="?..." ширина="100%" высота="700" allow="камера *;микрофон *;захват экрана *;" разрешить полный экран>

Если у вас есть какие-либо вопросы или проблемы, откройте заявку в службу поддержки или нажмите кнопку чата в правом нижнем углу.