تشغيل BigBlueButton بتنسيق - Reactjs و Vue.js و Angular.js

إذا كنت تستخدم Cloud Hosting ، فيمكنك ببساطة استخدام مفتاح API الخاص بك دون الحاجة إلى تكوين. إذا كنت تستخدم الخيارات الأخرى ، فيرجى الاتصال بنا حيث سيتعين علينا إجراء تغيير بسيط على الخادم الخاص بك من أجل تسهيل هذه الوظيفة.

يمكنك التسجيل للحصول على حساب تجريبي مجاني معنا لاختبار هذه العملية أثناء تطوير تطبيقك.

هناك بعض المتطلبات المسبقة لاستضافة BigBlueButton داخل ملف .

يجب أن تكون مستضافة ضمن SSL

لك يجب أن يكون على موقع مستضاف بموجب SSL وإلا لن يعمل WebRTC ولا يمكن منح إذن مشاركة الشاشة وكاميرا الويب والميكروفون.

كيفية استخدام BigBlueButton API لإنشاء عنوان URL لملف

يجب عليك أولاً إنشاء اجتماع باستخدام استدعاء إنشاء API. بعد إنشاء الاجتماع ، يمكنك إما الانتظار 5 ثوانٍ قبل الانضمام أو استقصاء نقطة نهاية واجهة برمجة تطبيقات getMeetingInfo إذا كان الاجتماع قد بدأ ، فلن يستغرق الأمر أكثر من 5 ثوانٍ. خلال هذا الوقت يجب أن تظهر للمستخدم صفحة تحميل. بعد 5 ثوانٍ ، يمكنك إنشاء رابط الانضمام الذي ستستخدمه لعلامة src الخاصة بك . لك يجب أن تبدو كما يلي ، لاحظ المعلمة "allow" يجب تحديدها تمامًا مثل هذا. سينضم إطار iframe بعد ذلك إلى المستخدم في الاجتماع.

يمكنك إنشاء عنوان URL للانضمام مباشرةً بعد إصدار مكالمة إنشاء ، ولكن يجب عليك الانتظار 5 ثوانٍ قبل إظهار إطار iframe للمستخدم لأنه بخلاف ذلك ، لن يكون الاجتماع جاهزًا وسيحصل المستخدم على صفحة خطأ.

تمتلك كل من Vue.js و Reactjs و Angular طرقها الخاصة لإضافة إطارات iframe ، يرجى الرجوع إلى وثائق مكتبتك لمعرفة كيفية إضافة إطار iframe إلى تطبيقك.

تعيين أذونات بشكل صحيح

<iframe سرك = "؟ ... "العرض =" 100٪ "الارتفاع =" 700 " السماح = "الكاميرا * ؛ الميكروفون * ؛ التقاط الشاشة * ؛" allowfullscreen>

إذا كانت لديك أي أسئلة أو مشكلات ، فافتح تذكرة دعم أو انقر فوق زر الدردشة في أسفل اليمين.