একটি আইফ্রেমে BigBlueButton 3.0 কীভাবে এম্বেড করবেন

আপনি যদি আমাদের ক্লাউড হোস্টিং পরিষেবা ব্যবহার করেন, তাহলে আপনি সহজেই আপনার এপিআই কী ব্যবহার করতে পারেন—কোনো অতিরিক্ত কনফিগারেশনের প্রয়োজন নেই।

আপনি যদি অন্য কোনো হোস্টিং অপশন ব্যবহার করেন, তাহলে অনুগ্রহ করে আমাদের সাপোর্ট টিমের সাথে যোগাযোগ করুন। আইফ্রেম এমবেডিং চালু করার জন্য আমাদের আপনার সার্ভারে একটি ছোট কনফিগারেশন পরিবর্তন করতে হবে।

আপনার অ্যাপ্লিকেশনটি তৈরি করার সময় ইন্টিগ্রেশনটি পরীক্ষা করার জন্য আপনি একটি বিনামূল্যের ট্রায়াল অ্যাকাউন্টের জন্যও সাইন আপ করতে পারেন।

SSL আবশ্যক

আপনার <iframe> ওয়েবসাইটটি অবশ্যই HTTPS (SSL/TLS) দ্বারা পরিবেশিত একটি প্ল্যাটফর্মে হোস্ট করতে হবে। ওয়েবক্যাম, মাইক্রোফোন এবং স্ক্রিন শেয়ারিং-এর মতো WebRTC ফিচারগুলোর জন্য একটি সুরক্ষিত পরিকাঠামো প্রয়োজন। যদি আপনার সাইটটি SSL-এর অধীনে হোস্ট করা না থাকে, তবে ব্যবহারকারীরা প্রয়োজনীয় অনুমতি প্রদান করতে পারবেন না।

সেশন ছাড়া অনুরোধের অনুমতি সক্ষম করুন

মিটিং তৈরি করার সময় আপনাকে অবশ্যই সেট করতে হবে allowRequestsWithoutSession প্যারামিটারে true.

এই প্যারামিটারটি ব্যবহারকারীদের সেশন কুকি যাচাইকরণ ছাড়াই মিটিংয়ে যোগদানের সুযোগ দেয়, যা একটি আইফ্রেমের ভিতরে লোড হওয়া এপিআই-জেনারেটেড জয়েন ইউআরএল-এর মাধ্যমে যোগদানের ক্ষেত্রে প্রয়োজন হয়।

প্যারামিটারটি BigBlueButton 2.4.3-এ যোগ করা হয়েছিল এবং এর ডিফল্ট মান হলো falseযদি এই প্যারামিটারটি বাদ দেওয়া হয় বা অপরিবর্তিত রাখা হয় falseব্যবহারকারীরা এমবেডেড আইফ্রেমের মাধ্যমে মিটিংয়ে যোগ দিতে সক্ষম নাও হতে পারেন।

একটি আইফ্রেমের জন্য একটি জয়েন ইউআরএল তৈরি করুন

একটি মিটিং তৈরি করতে ব্যবহার করুন create এপিআই কল এবং অন্তর্ভুক্ত করুন allowRequestsWithoutSession=true.
মিটিং শুরু হওয়ার জন্য প্রায় ৫ সেকেন্ড অপেক্ষা করুন, অথবা পোল করুন getMeetingInfo মিটিংটি উপলব্ধ না হওয়া পর্যন্ত এপিআই এন্ডপয়েন্ট।
মিটিং শুরু হওয়ার সময় একটি লোডিং স্ক্রিন প্রদর্শন করুন।
একটি যোগদান URL তৈরি করুন join এপিআই কল।
তৈরি হওয়া জয়েন URL-টি ব্যবহার করুন src আপনার আইফ্রেমের অ্যাট্রিবিউট।

গুরুত্বপূর্ণ

মিটিং তৈরি করার সাথে সাথেই আপনি জয়েন ইউআরএল তৈরি করতে পারেন, কিন্তু আইফ্রেমটি দেখানোর আগে মিটিংটি প্রস্তুত হওয়া পর্যন্ত অপেক্ষা করা উচিত। খুব তাড়াতাড়ি আইফ্রেম লোড করলে একটি এরর পেজ দেখা যেতে পারে।

Vue.js, React, এবং Angular প্রত্যেকটিরই আইফ্রেম রেন্ডার করার নিজস্ব পদ্ধতি রয়েছে। এর প্রয়োগবিধি বিস্তারিত জানতে আপনার ফ্রেমওয়ার্কের ডকুমেন্টেশন দেখুন।

আইফ্রেমের অনুমতি সঠিকভাবে সেট করুন

সার্জারির allow ক্যামেরা, মাইক্রোফোন এবং স্ক্রিন-শেয়ারিং কার্যকারিতা সক্রিয় করতে অ্যাট্রিবিউটটি নিচে দেখানো অনুযায়ী হুবহু কনফিগার করতে হবে:

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

সঠিকভাবে কনফিগার করা হলে, আইফ্রেমটি স্বয়ংক্রিয়ভাবে ব্যবহারকারীকে মিটিংয়ে যুক্ত করে দেবে।