Afrikaans
العربية
български
বাংলা
Čeština
Dansk
Deutsch
Ελληνικά
English (US)
Español
فارسی
Suomi
Français
עִבְרִית
हिन्दी
Bahasa Indonesia
Italiano
日本語
한국어
Latviešu valoda
Bahasa Melayu
Nederlands
Norsk Bokmål
Polski
Português
Русский
Kiswahili
Svenska
ไทย
Türkçe
Українська
Tiếng Việt
简体中文
繁體中文
Как встроить BigBlueButton 3.0 в iframe
Если вы пользуетесь нашим сервисом облачного хостинга, вы можете просто использовать свой API-ключ — дополнительная настройка не требуется.
Если вы используете другой вариант хостинга, пожалуйста, свяжитесь с нашей службой поддержки. Нам потребуется внести небольшие изменения в конфигурацию вашего сервера, чтобы включить встраивание iframe.
Вы также можете зарегистрироваться для получения бесплатного пробного аккаунта, чтобы протестировать интеграцию во время разработки своего приложения.
Требуется SSL-шифрование.
Ваша <iframe> Сайт должен размещаться на сервере, использующем протокол HTTPS (SSL/TLS). Функции WebRTC, такие как веб-камеры, микрофоны и демонстрация экрана, требуют защищенного контекста. Если ваш сайт не использует SSL, пользователи не смогут предоставить необходимые разрешения.
Включить разрешение запросов без сессии
При создании встречи необходимо установить следующие параметры: allowRequestsWithoutSession параметр true.
Этот параметр позволяет пользователям присоединяться к собраниям без проверки сессионных cookie, которая необходима, когда пользователи присоединяются через сгенерированный API URL-адрес для присоединения, загружаемый внутри iframe.
Этот параметр был добавлен в BigBlueButton версии 2.4.3 и по умолчанию имеет значение... falseЕсли этот параметр опущен или оставлен без изменений. falseПользователи могут столкнуться с невозможностью присоединиться к собраниям через встроенный iframe.
Создайте URL-адрес для присоединения к iframe.
- Создайте встречу, используя
createвызов API и включениеallowRequestsWithoutSession=true. - Подождите примерно 5 секунд, пока совещание инициализируется, или проведите опрос.
getMeetingInfoAPI-интерфейс используется до тех пор, пока не станет доступна встреча. - Во время начала совещания отобразите экран загрузки.
- Сгенерируйте URL-адрес для присоединения, используя
joinВызов API. - Используйте сгенерированный URL-адрес для присоединения в качестве...
srcатрибут вашего iframe.
Важнo
Вы можете сгенерировать URL-адрес для присоединения сразу после создания встречи, но следует дождаться готовности встречи, прежде чем отображать iframe. Слишком ранняя загрузка iframe может привести к появлению страницы с ошибкой.
Vue.js, React и Angular имеют собственные методы для рендеринга iframe. Для получения подробной информации о реализации обратитесь к документации вашего фреймворка.
Правильно настройте разрешения для iframe.
allow Для включения функций камеры, микрофона и демонстрации экрана необходимо точно настроить этот атрибут, как показано ниже:
<iframe
src="https://manager.bigbluemeeting.com/bigbluebutton/api/join?..."
width="100%"
height="700"
allow="camera *; microphone *; display-capture *;"
allowfullscreen
></iframe>При правильной настройке iframe автоматически подключит пользователя к встрече.