Spuštění BigBlueButton v iframe - Reactjs, Vue.js, Angular.js

Big Blue Meeting Cloud Hosting, Dedicated Server a Dedicated Private Cloud podporují vkládání BigBlueButton do prvku iframe.

Jak vložit BigBlueButton 3.0 do iframe

Pokud používáte naši službu cloudového hostingu, můžete jednoduše použít svůj API klíč – není nutná žádná další konfigurace.

Pokud používáte jinou možnost hostingu, kontaktujte prosím náš tým podpory. Budeme muset provést malou změnu konfigurace vašeho serveru, abychom povolili vkládání iframe.

Můžete se také zaregistrovat k bezplatnému zkušebnímu účtu a otestovat integraci během vývoje aplikace.

Je vyžadován SSL

váš <iframe> musí být hostován na webových stránkách poskytovaných přes HTTPS (SSL/TLS). Funkce WebRTC, jako jsou webkamery, mikrofony a sdílení obrazovky, vyžadují zabezpečený kontext. Pokud váš web není hostován přes SSL, uživatelé nebudou moci udělit potřebná oprávnění.

Povolit allowRequestsWithoutSession

Při vytváření schůzky je nutné nastavit allowRequestsWithoutSession parametr true.

Tento parametr umožňuje uživatelům připojit se ke schůzkám bez ověřování souborů cookie relace, které je vyžadováno, když se uživatelé připojují prostřednictvím URL adresy pro připojení generované rozhraním API načtené uvnitř prvku iframe.

Parametr byl přidán v BigBlueButton 2.4.3 a jeho výchozí hodnota je falsePokud je tento parametr vynechán nebo ponechán jako false, uživatelé se nemusí moci připojit ke schůzkám prostřednictvím vloženého prvku iframe.

Vytvoření URL pro připojení k prvku iframe

Vytvořte schůzku pomocí create Volání a zahrnutí API allowRequestsWithoutSession=true.
Počkejte přibližně 5 sekund, než se schůzka inicializuje, nebo proveďte dotazování getMeetingInfo Koncový bod API, dokud nebude schůzka k dispozici.
Zobrazte načítací obrazovku během zahájení schůzky.
Vygenerujte URL pro připojení pomocí join Volání API.
Použijte vygenerovanou URL pro připojení jako src atribut vašeho iframe.

důležitý

URL adresu pro připojení můžete vygenerovat ihned po vytvoření schůzky, ale před zobrazením prvku iframe byste měli počkat, až bude schůzka připravena. Příliš brzké načtení prvku iframe může vést k zobrazení chybové stránky.

Vue.js, React a Angular mají své vlastní metody pro vykreslování iframe. Podrobnosti o implementaci naleznete v dokumentaci k vašemu frameworku.

Správné nastavení oprávnění iframe

Jedno allow Atribut musí být nakonfigurován přesně tak, jak je uvedeno níže, aby bylo možné používat kameru, mikrofon a sdílení obrazovky:

<iframe
 src="https://manager.bigbluemeeting.com/bigbluebutton/api/join?..."
 width="100%"
 height="700"
 allow="camera *; microphone *; display-capture *;"
 allowfullscreen
></iframe>

Pokud je správně nakonfigurován, iframe automaticky připojí uživatele ke schůzce.