ק'/.

הרצת BigBlueButton בתוך iframe - Reactjs, Vue.js, Angular.js

Big Blue Meeting Cloud Hosting, שרת ייעודי וענן פרטי ייעודי תומכים בהטמעת BigBlueButton ב-iframe.

כיצד להטמיע את BigBlueButton 3.0 ב-iframe

אם אתם משתמשים בשירות אירוח הענן שלנו, תוכלו פשוט להשתמש במפתח ה-API שלכם - אין צורך בתצורה נוספת.

אם אתם משתמשים באפשרות אירוח אחרת, אנא צרו קשר עם צוות התמיכה שלנו. נצטרך לבצע שינוי תצורה קטן בשרת שלכם כדי לאפשר הטמעת iframe.

ניתן גם להירשם לחשבון ניסיון בחינם כדי לבדוק את האינטגרציה תוך כדי פיתוח האפליקציה.

נדרש SSL

<iframe> חייב להתארח באתר אינטרנט המוגש דרך HTTPS (SSL/TLS). תכונות WebRTC כגון מצלמות רשת, מיקרופונים ושיתוף מסך דורשות הקשר מאובטח. אם האתר שלך אינו מתארח תחת SSL, משתמשים לא יוכלו להעניק את ההרשאות הנדרשות.

הפעלת allowRequestsWithoutSession

בעת יצירת פגישה, עליך להגדיר את allowRequestsWithoutSession פרמטר true.

פרמטר זה מאפשר למשתמשים להצטרף לפגישות ללא אימות קובץ Cookie של הפעלה, דבר הנדרש כאשר משתמשים מצטרפים דרך כתובת URL שנוצרה על ידי API שנטענה בתוך iframe.

הפרמטר נוסף ב-BigBlueButton 2.4.3 והוא מוגדר כברירת מחדל ל- falseאם פרמטר זה מושמט או נותר כך false, ייתכן שמשתמשים לא יוכלו להצטרף לפגישות דרך iframe מוטמע.

יצירת כתובת URL להצטרפות עבור iframe

  1. צור פגישה באמצעות create קריאה ל-API והכללה allowRequestsWithoutSession=true.
  2. המתן כ-5 שניות לאתחול הפגישה, או שאל את ה getMeetingInfo נקודת קצה של ה-API עד שהפגישה תהיה זמינה.
  3. הצגת מסך טעינה בזמן תחילת הפגישה.
  4. צור כתובת URL להצטרפות באמצעות join שיחת API.
  5. השתמש בכתובת ה-URL של ההצטרפות שנוצרה כ- src התכונה של ה-iframe שלך.

חָשׁוּב

ניתן ליצור את כתובת ה-URL להצטרפות מיד לאחר יצירת הפגישה, אך עליך להמתין עד שהפגישה תהיה מוכנה לפני הצגת ה-iframe. טעינת ה-iframe מוקדם מדי עלולה לגרום לדף שגיאה.

ל-Vue.js, React ו-Angular יש שיטות משלהן לרינדור iframes. עיינו בתיעוד של ה-framework שלכם לקבלת פרטי הטמעה.

הגדר הרשאות iframe בצורה נכונה

השמיים allow יש להגדיר את התכונה בדיוק כפי שמוצג להלן כדי לאפשר פונקציונליות של מצלמה, מיקרופון ושיתוף מסך:

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

כאשר מוגדר כהלכה, ה-iframe יצטרף אוטומטית למשתמש לפגישה.

צריך עזרה?

אם יש לכם שאלות או שאתם נתקלים בבעיות, אנא פתחו פנייה לתמיכה או השתמשו בכפתור הצ'אט החי הממוקם בפינה הימנית התחתונה של האתר.