เรียกใช้ BigBlueButton ใน - Reactjs, Vue.js, Angular.js

หากคุณกำลังใช้ Cloud Hosting คุณสามารถใช้คีย์ API ได้โดยไม่จำเป็นต้องกำหนดค่าใดๆ หากคุณกำลังใช้ตัวเลือกอื่นๆ โปรดติดต่อเรา เนื่องจากเราจะต้องทำการเปลี่ยนแปลงเล็กน้อยในเซิร์ฟเวอร์ของคุณเพื่ออำนวยความสะดวกในฟังก์ชันนี้

คุณสามารถลงชื่อสมัครใช้บัญชีทดลองใช้งานฟรีกับเราเพื่อทดสอบกระบวนการนี้ในขณะที่คุณพัฒนาแอปของคุณ

มีข้อกำหนดเบื้องต้นบางประการในการโฮสต์ BigBlueButton ภายในและ .

ต้องโฮสต์ภายใต้ SSL

ของคุณ ต้องอยู่ในไซต์ที่โฮสต์ภายใต้ SSL มิฉะนั้น WebRTC ไม่สามารถทำงานได้และไม่สามารถอนุญาตเว็บแคม ไมโครโฟน และการแชร์หน้าจอได้

วิธีใช้ BigBlueButton API เพื่อสร้าง URL สำหรับ an

คุณต้องสร้างการประชุมด้วยการเรียก API สร้างก่อน หลังจากสร้างการประชุมแล้ว คุณสามารถรอ 5 วินาทีก่อนที่จะเข้าร่วมหรือสำรวจจุดสิ้นสุด getMeetingInfo API เพื่อดูว่าการประชุมเริ่มต้นขึ้นแล้วหรือยัง ไม่ควรใช้เวลานานกว่า 5 วินาที ในช่วงเวลานี้ คุณควรแสดงหน้าโหลดให้ผู้ใช้เห็น หลังจาก 5 วินาที คุณสามารถสร้างลิงค์เข้าร่วมที่คุณจะใช้สำหรับแท็ก src ของคุณ . ของคุณ ควรมีลักษณะดังนี้ สังเกตว่าพารามิเตอร์ "อนุญาต" จะต้องระบุในลักษณะนี้ทุกประการ iframe จะเข้าร่วมกับผู้ใช้ในการประชุม

คุณสามารถสร้าง URL เข้าร่วมได้ทันทีหลังจากที่คุณสร้างการโทร แต่คุณต้องรอ 5 วินาทีก่อนที่จะแสดง iframe ต่อผู้ใช้ เพราะไม่เช่นนั้น การประชุมจะไม่พร้อมและผู้ใช้จะได้รับหน้าข้อผิดพลาด

Vue.js, Reactjs, Angular ล้วนมีวิธีการของตนเองในการเพิ่ม iframes โปรดศึกษาเอกสารประกอบสำหรับไลบรารีของคุณสำหรับวิธีเพิ่ม iframe ในแอปพลิเคชันของคุณ

ชุด สิทธิ์อย่างถูกต้อง

<iframe src="?..." width="100%" height="700" allow="camera *;microphone *;display-capture *;" allowfullscreen>

หากคุณมีคำถามหรือปัญหาใดๆ ให้เปิดตั๋วสนับสนุนหรือคลิกปุ่มแชทที่ด้านล่างขวา