Εκτέλεση του BigBlueButton σε ένα - Reactjs, Vue.js, Angular.js

Το Big Blue Meeting Cloud Hosting, ο Dedicated Server και το Dedicated Private Cloud υποστηρίζουν την ενσωμάτωση του BigBlueButton σε ένα iframe.

Εάν χρησιμοποιείτε το Cloud Hosting, τότε μπορείτε απλά να χρησιμοποιήσετε το κλειδί API χωρίς να απαιτείται διαμόρφωση. Εάν χρησιμοποιείτε τις άλλες επιλογές, επικοινωνήστε μαζί μας καθώς θα πρέπει να κάνουμε μια μικρή αλλαγή στον διακομιστή σας προκειμένου να διευκολυνθεί αυτή η λειτουργία.

Μπορείτε να εγγραφείτε για έναν δωρεάν δοκιμαστικό λογαριασμό μαζί μας για να δοκιμάσετε αυτήν τη διαδικασία ενώ αναπτύσσετε την εφαρμογή σας.

Υπάρχουν μερικές προϋποθέσεις για τη φιλοξενία του BigBlueButton σε ένα .

Πρέπει να φιλοξενείται υπό SSL

Τα δικα σου πρέπει να βρίσκεται σε έναν ιστότοπο που φιλοξενείται με SSL, διαφορετικά το WebRTC δεν μπορεί να λειτουργήσει και δεν μπορεί να δοθεί άδεια κοινής χρήσης κάμερας web, μικροφώνου και οθόνης.

Πώς να χρησιμοποιήσετε το BigBlueButton API για να δημιουργήσετε μια διεύθυνση URL για ένα

Πρέπει πρώτα να δημιουργήσετε μια σύσκεψη με την κλήση δημιουργίας 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 *;" επιτρεπόμενη οθόνη>

Εάν έχετε ερωτήσεις ή προβλήματα, ανοίξτε ένα δελτίο υποστήριξης ή κάντε κλικ στο κουμπί συνομιλίας κάτω δεξιά.