Menjalankan BigBlueButton dalam - Reactjs, Vue.js, Angular.js

Big Blue Meeting Cloud Hosting, Dedicated Server, dan Dedicated Private Cloud mendukung penyematan BigBlueButton dalam iframe.

Jika Anda menggunakan Cloud Hosting, maka Anda cukup menggunakan kunci API Anda tanpa perlu konfigurasi. Jika Anda menggunakan opsi lain, harap hubungi kami karena kami harus membuat sedikit perubahan pada server Anda untuk memfasilitasi fungsi ini.

Anda dapat mendaftar akun uji coba gratis dengan kami untuk menguji proses ini saat Anda mengembangkan aplikasi.

Ada beberapa prasyarat untuk menghosting BigBlueButton di dalam .

Harus dihosting di bawah SSL

Milikmu harus di situs yang dihosting di bawah SSL jika tidak, WebRTC tidak dapat berfungsi dan webcam, mikrofon, dan izin berbagi layar tidak dapat diberikan.

Cara menggunakan BigBlueButton API untuk membuat URL untuk

Anda harus terlebih dahulu membuat rapat dengan membuat panggilan API. Setelah rapat dibuat, Anda dapat menunggu 5 detik sebelum bergabung atau melakukan polling titik akhir API getMeetingInfo karena jika rapat telah dimulai, tidak akan memakan waktu lebih dari 5 detik. Selama waktu ini, Anda harus menunjukkan halaman pemuatan kepada pengguna Anda. Setelah 5 detik, Anda dapat membuat tautan bergabung yang akan Anda gunakan untuk tag src dari . Anda . Milikmu akan terlihat seperti di bawah ini, perhatikan parameter "allow" itu harus ditentukan persis seperti ini. Kemudian iframe akan bergabung dengan pengguna ke dalam rapat.

Anda dapat membuat URL bergabung segera setelah Anda mengeluarkan panggilan buat, tetapi Anda harus menunggu 5 detik sebelum menunjukkan iframe kepada pengguna karena jika tidak, rapat tidak akan siap dan pengguna akan mendapatkan halaman kesalahan.

Vue.js, Reactjs, Angular semuanya memiliki metode sendiri untuk menambahkan iframe, silakan lihat dokumentasi perpustakaan Anda untuk mengetahui cara menambahkan iframe ke aplikasi Anda.

Mengatur izin dengan benar

<iframe src="?..." lebar="100%" tinggi="700" allow="kamera *;mikrofon *;display-capture *;" layar penuh yang diizinkan>

Jika Anda memiliki pertanyaan atau masalah, buka tiket dukungan atau klik tombol obrolan di kanan bawah.