Chạy BigBlueButton trong một - Reactjs, Vue.js, Angular.js

Nếu bạn đang sử dụng Cloud Hosting, thì bạn có thể chỉ cần sử dụng khóa API của mình mà không cần cấu hình. Nếu bạn đang sử dụng các tùy chọn khác, vui lòng liên hệ với chúng tôi vì chúng tôi sẽ phải thực hiện một thay đổi nhỏ đối với máy chủ của bạn để hỗ trợ chức năng này.

Bạn có thể đăng ký tài khoản dùng thử miễn phí với chúng tôi để kiểm tra quá trình này trong khi phát triển ứng dụng của mình.

Có một số điều kiện tiên quyết để lưu trữ BigBlueButton trong .

Phải được lưu trữ dưới SSL

Của bạn phải trên trang web được lưu trữ dưới SSL nếu không WebRTC không thể hoạt động và không thể cấp quyền chia sẻ webcam, micrô và màn hình.

Cách sử dụng API BigBlueButton để tạo URL cho một

Trước tiên, bạn phải tạo một cuộc họp với lệnh gọi API tạo. Sau khi cuộc họp được tạo, bạn có thể đợi 5 giây trước khi tham gia hoặc thăm dò ý kiến ​​điểm cuối API getMeetingInfo xem cuộc họp đã bắt đầu hay chưa, không quá 5 giây. Trong thời gian này, bạn nên hiển thị cho người dùng của mình một trang đang tải. Sau 5 giây, bạn có thể tạo liên kết tham gia mà bạn sẽ sử dụng cho thẻ src của . Của bạn sẽ giống như bên dưới, chú ý tham số "allow" nó phải được chỉ định chính xác như thế này. Sau đó iframe sẽ tham gia cùng người dùng vào cuộc họp.

Bạn có thể tạo URL tham gia ngay sau khi thực hiện lệnh gọi tạo, nhưng bạn phải đợi 5 giây trước khi hiển thị iframe cho người dùng vì nếu không, cuộc họp sẽ không sẵn sàng và người dùng sẽ nhận được trang lỗi.

Vue.js, Reactjs, Angular đều có các phương pháp riêng để thêm iframe, vui lòng tham khảo tài liệu cho thư viện của bạn để biết cách thêm iframe vào ứng dụng của bạn.

Bộ quyền thích hợp

<iframe src="? ... "width =" 100% "height =" 700 " allow = "máy ảnh *; micrô *; hiển thị-chụp *;" allowfullscreen>

Nếu bạn có bất kỳ câu hỏi hoặc vấn đề nào, hãy mở một phiếu hỗ trợ hoặc nhấp vào nút trò chuyện ở phía dưới bên phải.