BigBlueButton 실행 - Reactjs, Vue.js, Angular.js

Big Blue Meeting Cloud Hosting, Dedicated Server 및 Dedicated Private Cloud는 iframe에 BigBlueButton 포함을 지원합니다.

Cloud Hosting을 사용하는 경우 구성이 필요하지 않은 API 키를 사용하기만 하면 됩니다. 다른 옵션을 사용하는 경우 이 기능을 용이하게 하기 위해 서버를 약간 변경해야 하므로 당사에 문의하십시오.

앱을 개발하는 동안 이 프로세스를 테스트하기 위해 무료 평가판 계정에 가입할 수 있습니다.

내에서 BigBlueButton을 호스팅하기 위한 몇 가지 전제 조건이 있습니다. .

SSL에서 호스팅해야 합니다.

당신의 SSL로 호스팅되는 사이트에서 해야 합니다. 그렇지 않으면 WebRTC가 작동하지 않고 웹캠, 마이크 및 화면 공유 권한을 부여할 수 없습니다.

BigBlueButton API를 사용하여

먼저 API 생성 호출로 회의를 생성해야 합니다. 회의가 생성된 후 회의에 참여하기 전에 5초를 기다리거나 회의가 시작된 경우 getMeetingInfo API 엔드포인트를 폴링할 수 있습니다. 회의가 시작되는 데 5초 이상 걸리지 않아야 합니다. 이 시간 동안 사용자에게 로딩 페이지를 보여주어야 합니다. 5초 후에 src 태그에 사용할 조인 링크를 생성할 수 있습니다. . 당신의 "allow" 매개변수는 다음과 같이 정확히 지정되어야 합니다. 그러면 iframe이 사용자를 회의에 참여시킵니다.

생성 호출을 실행한 직후에 참가 URL을 생성할 수 있지만 사용자에게 iframe을 표시하기 전에 5초를 기다려야 합니다. 그렇지 않으면 회의가 준비되지 않고 사용자에게 오류 페이지가 표시되기 때문입니다.

Vue.js, Reactjs, Angular에는 모두 iframe을 추가하는 고유한 방법이 있습니다. 응용 프로그램에 iframe을 추가하는 방법은 라이브러리 설명서를 참조하세요.

세트 권한을 올바르게

<iframe 소스 = "?..." 너비="100%" 높이="700" allow="카메라 *;마이크 *;디스플레이 캡처 *;" 전체 화면 허용>

질문이나 문제가 있는 경우 지원 티켓을 열거나 오른쪽 하단의 채팅 버튼을 클릭하세요.