JavaScript
セッションへの接続とパブリッシャの作成
お気づきかもしれないが initializeSession() メソッドが呼び出されます。このメソッドはセッション・オブジェクトを初期化し、セッションに接続します。
- 以下のコードをコピーし、既存のコードの下に貼り付けます。
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
結論