Uruchamianie BigBlueButton w - Reactjs, Vue.js, Angular.js

Hosting Big Blue Meeting Cloud, serwer dedykowany i Dedicated Private Cloud obsługują osadzanie BigBlueButton w ramce iframe.

Jeśli korzystasz z Cloud Hosting, możesz po prostu użyć klucza API, nie jest wymagana konfiguracja. Jeśli korzystasz z innych opcji, skontaktuj się z nami, ponieważ będziemy musieli wprowadzić niewielką zmianę na Twoim serwerze, aby ułatwić tę funkcjonalność.

Możesz założyć u nas bezpłatne konto próbne, aby przetestować ten proces podczas tworzenia aplikacji.

Istnieje kilka warunków wstępnych do hostingu BigBlueButton w ciągu .

Musi być hostowany pod SSL

Twój musi być na stronie, która jest hostowana w protokole SSL, w przeciwnym razie WebRTC nie może działać i nie można udzielić zgody na udostępnianie kamery internetowej, mikrofonu i ekranu.

Jak korzystać z interfejsu API BigBlueButton, aby utworzyć adres URL dla

Najpierw musisz utworzyć spotkanie za pomocą wywołania Create API. Po utworzeniu spotkania możesz poczekać 5 sekund przed dołączeniem lub odpytać punkt końcowy API getMeetingInfo, czy spotkanie się rozpoczęło, nie powinno to zająć więcej niż 5 sekund. W tym czasie powinieneś pokazać użytkownikowi stronę ładowania. Po 5 sekundach możesz wygenerować link do dołączenia, którego użyjesz dla tagu src swojego . Twój powinien wyglądać jak poniżej, zauważ, że parametr "allow" musi być określony dokładnie w ten sposób. Ramka iframe dołączy następnie użytkownika do spotkania.

Możesz wygenerować adres URL dołączenia zaraz po wydaniu wywołania tworzenia, ale musisz odczekać 5 sekund przed wyświetleniem elementu iframe użytkownikowi, ponieważ w przeciwnym razie spotkanie nie będzie gotowe, a użytkownik otrzyma stronę błędu.

Vue.js, Reactjs, Angular mają własne metody dodawania ramek iframe. Zapoznaj się z dokumentacją swojej biblioteki, aby dowiedzieć się, jak dodać ramkę iframe do swojej aplikacji.

Ustawić uprawnienia poprawnie

<iframe src="?..." width="100%" height="700" allow="kamera *;mikrofon *;przechwytywanie obrazu *;" zezwalaj na pełny ekran>

Jeśli masz jakieś pytania lub problemy, otwórz zgłoszenie do pomocy technicznej lub kliknij przycisk czatu w prawym dolnym rogu.