Το Big Blue Meeting Cloud Hosting, ο Dedicated Server και το Dedicated Private Cloud υποστηρίζουν την ενσωμάτωση του BigBlueButton σε ένα iframe.
Εάν χρησιμοποιείτε το Cloud Hosting, τότε μπορείτε απλά να χρησιμοποιήσετε το κλειδί API χωρίς να απαιτείται διαμόρφωση. Εάν χρησιμοποιείτε τις άλλες επιλογές, επικοινωνήστε μαζί μας καθώς θα πρέπει να κάνουμε μια μικρή αλλαγή στον διακομιστή σας προκειμένου να διευκολυνθεί αυτή η λειτουργία.
Μπορείτε να εγγραφείτε για έναν δωρεάν δοκιμαστικό λογαριασμό μαζί μας για να δοκιμάσετε αυτήν τη διαδικασία ενώ αναπτύσσετε την εφαρμογή σας.
Υπάρχουν μερικές προϋποθέσεις για τη φιλοξενία του BigBlueButton σε ένα .
Τα δικα σου πρέπει να βρίσκεται σε έναν ιστότοπο που φιλοξενείται με SSL, διαφορετικά το WebRTC δεν μπορεί να λειτουργήσει και δεν μπορεί να δοθεί άδεια κοινής χρήσης κάμερας web, μικροφώνου και οθόνης.
Πρέπει πρώτα να δημιουργήσετε μια σύσκεψη με την κλήση δημιουργίας API. Μετά τη δημιουργία μιας σύσκεψης, μπορείτε είτε να περιμένετε 5 δευτερόλεπτα πριν εγγραφείτε είτε να ψηφίσετε το τελικό σημείο του getMeetingInfo API γιατί εάν η σύσκεψη έχει ξεκινήσει, δεν θα πρέπει να διαρκέσει περισσότερο από 5 δευτερόλεπτα. Σε αυτό το διάστημα θα πρέπει να δείξετε στον χρήστη σας μια σελίδα φόρτωσης. Μετά από 5 δευτερόλεπτα, μπορείτε να δημιουργήσετε έναν σύνδεσμο συμμετοχής τον οποίο θα χρησιμοποιήσετε για την ετικέτα src του δικού σας . Τα δικα σου θα πρέπει να μοιάζει όπως παρακάτω, παρατηρήστε την παράμετρο "allow" πρέπει να οριστεί ακριβώς έτσι. Στη συνέχεια, το iframe θα ενώσει τον χρήστη στη σύσκεψη.
Μπορείτε να δημιουργήσετε τη διεύθυνση URL σύνδεσης αμέσως μετά την έκδοση μιας κλήσης δημιουργίας, αλλά πρέπει να περιμένετε 5 δευτερόλεπτα προτού δείξετε το iframe στον χρήστη, διότι διαφορετικά, η σύσκεψη δεν θα είναι έτοιμη και ο χρήστης θα λάβει μια σελίδα σφάλματος.
Τα Vue.js, Reactjs, Angular έχουν όλες τις δικές τους μεθόδους για την προσθήκη iframe, συμβουλευτείτε την τεκμηρίωση για τη βιβλιοθήκη σας για τον τρόπο προσθήκης ενός iframe στην εφαρμογή σας.
<iframe src="?..." width="100%" height="700" allow="camera *;microphone *;display-capture *;" επιτρεπόμενη οθόνη>