JavaScript

セッションへの接続とパブリッシャの作成

お気づきかもしれないが initializeSession() メソッドが呼び出されます。このメソッドはセッション・オブジェクトを初期化し、セッションに接続します。

  1. 以下のコードをコピーし、既存のコードの下に貼り付けます。 app.js ファイルの後に initializeSession() ライン:
// Handling all of our errors here by alerting them
function handleError(error) {
  if (error) {
    alert(error.message);
  }
}

function initializeSession() {
  const session = OT.initSession(applicationId, sessionId);

  // Subscribe to a newly created stream

  // Create a publisher
  const publisher = OT.initPublisher('publisher', {
    insertMode: 'append',
    width: '100%',
    height: '100%'
  }, handleError);

  // Connect to the session
  session.connect(token, function(error) {
    // If the connection is successful, publish to the session
    if (error) {
      handleError(error);
    } else {
      session.publish(publisher, handleError);
    }
  });
}

このコードでセッションに接続し、カメラとマイクをアプリケーションとビデオ通話自体に公開する。

OT.initSession() は、アプリケーションIDとセッションIDを受け取り、どのビデオセッションに接続するかを設定します。アプリケーションには、完全に接続する前にさらにブートストラップが必要な場合があるためです。

OT.initPublisher() カメラとマイクをビデオセッション自体に公開するようにブラウザを設定する。と同じように OT.initSession()ストリームをすぐにAPIに公開するのではなく、後で公開するように設定するだけだ。

session.connect() は最後に、APIに接続するようSDKに指示する。SDKは認証トークンを受け取り、APIに接続します。パブリッシャーはすでに設定されているので、セッション全体に接続されると、パブリッシャーもストリーミングを開始します。

基本的なビデオチャット

Vonage Video API プラットフォームの基本概念(ビデオ、音声、メッセージングによるユーザ間のコミュニケーション方法など)を学びます。Vonage Video API の基本的なフローを説明します。

手順
1
概要
2
始める前に
3
Vonageビデオアプリケーションの設定
4
プロジェクトフォルダーとHTMLテンプレートの作成
5
認証の設定
6
セッションへの接続とパブリッシャの作成
7
加入者の初期化
8
ブラウザでコードをテストする
9
CSSのカスタマイズ
10
結論