JavaScript

認証の設定

ブランクを引き上げる app.js 残りのステップのほとんどは、このファイルにコードを追加することになる。

Vonage Videoセッションに接続するためには、クライアントはいくつかの認証情報、つまり APP ID, セッションIDそして トークン.

本番アプリケーションでは、これらのクレデンシャルは サーバーSDKしかし、スピードアップのために、今はハードコードで値を設定することにする。

  1. まず、以下のコードブロックをコピーして、app.jsファイルに追加する:

  2. を交換してください。 YOUR_APP_ID を、先ほど生成したアプリケーションIDに置き換えてください。

  3. ログイン Vonageダッシュボード をクリックし、ビデオ・プレイグラウンドに移動してください。それは トラブルシューティング - デベロッパーツール - ビデオ - プレイグラウンド.

  4. 一番上の "Create a new session "タブが選択されていることを確認してください。

  5. "Have a specific Application ID? "で "Yes "を選択する。

  6. 表示された "Application ID "ボックスに、先ほど作成したApplication IDをペーストする。

  7. 他はそのままで、"Create Session "をクリックします。

  8. 次に表示されるページで、「SESSION ID」をコピーする。

  9. app.js置き換える YOUR_SESSION_ID を、先ほどコピーしたセッションIDに置き換えてください。

  10. 上部にある「接続」ボタンをクリックします。

  11. 一番上の「セッションとトークン情報」セクションを展開します。

  12. 生成された "TOKEN "をコピーする

  13. app.js置き換える YOUR_TOKEN を先ほどコピーしたトークンでコピーする。

  14. を保存する app.js ファイル。

重要だ: テスト中や開発中は、AccountからセッションIDとトークンの値を取得し続けることができますが、本番運用に入る前にサーバーをセットアップする必要があります。

この情報により、クライアント側のコードがVonage Video APIと通信できるようになります。

基本的なビデオチャット

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

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