でBigBlueButtonを実行する-Reactjs、Vue.js、Angular.js

クラウドホスティングを使用している場合は、APIキーを使用するだけで、設定は必要ありません。 他のオプションを使用している場合は、この機能を容易にするためにサーバーに小さな変更を加える必要があるため、お問い合わせください。

アプリの開発中にこのプロセスをテストするために、無料の試用アカウントにサインアップできます。

内でBigBlueButtonをホストするためのいくつかの前提条件があります。

SSLでホストする必要があります

君のSSLでホストされているサイトで行う必要があります。そうしないと、WebRTCが機能せず、Webカメラ、マイク、および画面共有の許可を与えることができません。

BigBlueButtonAPIを使用してURLを作成する方法

最初に、createAPI呼び出しを使用して会議を作成する必要があります。 会議が作成されたら、参加する前に5秒待つか、getMeetingInfo APIエンドポイントをポーリングして、会議が開始されたかどうかを確認できます。5秒以上かかることはありません。 この間、ユーザーに読み込みページを表示する必要があります。 5秒後、のsrcタグに使用する結合リンクを生成できます。 。 君の以下のようになります。「allow」パラメータは、このように正確に指定する必要があります。 その後、iframeはユーザーを会議に参加させます。

create呼び出しを発行した直後に参加URLを生成できますが、iframeをユーザーに表示する前に5秒待つ必要があります。そうしないと、会議の準備ができず、ユーザーにエラーページが表示されます。

Vue.js、Reactjs、Angularにはすべて、iframeを追加するための独自のメソッドがあります。アプリケーションにiframeを追加する方法については、ライブラリのドキュメントを参照してください。

設定適切な権限

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

ご質問やご不明な点がございましたら、サポートチケットを開くか、右下のチャットボタンをクリックしてください。