Meet Media API: TypeScript リファレンス クライアントのクイックスタート

このページでは、TypeScript リファレンス クライアント 実装を使用してサンプルを設定して実行する方法について説明します。C++ クライアントの詳細については、C++ リファレンス クライアント クイックスタートをご覧ください。

前提条件

このクイックスタートを実行するには、次の前提条件を満たす必要があります。

Meet REST API を有効にする

Google API を使用する前に、Google Cloud プロジェクトで API を有効にする必要があります。1 つの Google Cloud プロジェクトで 1 つ以上の API を有効にできます。

Google Cloud コンソール

  1. Google Cloud コンソールで、Meet REST API を有効にします。

    API を有効にする

  2. 正しい Cloud プロジェクトで Meet REST API を有効にしていることを確認し、[次へ] をクリックします。

  3. Meet REST API を有効にしていることを確認し、[有効にする] をクリックします。

gcloud CLI

  1. 必要に応じて、現在のクラウド プロジェクトを作成したプロジェクトに設定します。

    gcloud config set project PROJECT_ID

    PROJECT_ID は、作成した Cloud プロジェクトのプロジェクト ID に置き換えます。

  2. Meet REST API を有効にします。

    gcloud services enable meet.googleapis.com

OAuth トークンを生成する

Meet Media API に接続するには、アプリで OAuth を使用してアクセス トークンを生成する必要があります。OAuth を使用して Google API にアクセスする方法について詳しくは、 OAuth 2.0 を使用した Google API へのアクセスをご覧ください。

ウェブアプリを構築する場合は、暗黙的な権限付与 フローを使用して OAuth トークンを生成できます。この TypeScript サンプルでは、このフローを使用して OAuth トークンを生成します。

サンプルの実行

  1. OAuth クライアントを作成する

  2. web/samples ディレクトリ内で、サンプルをビルドします。

    $ yarn install --frozen-lockfile
$ npx webpack

  3. gcloud CLI を使用するための認証ガイドに沿ってログインし、Google Cloud プロジェクトを選択します。

  4. サーバーを Google App Engine にデプロイします。

    $ gcloud app deploy app.yaml

  5. エンドポイントに移動します。

    $ gcloud app browse

  6. _アクセス認証情報を作成する_ ガイドに沿って、次のスコープで OAuth 2.0 認証情報を作成します。

    • https://www.googleapis.com/auth/meetings.conference.media.readonly
    • https://www.googleapis.com/auth/meetings.space.readonly

    デプロイしたアプリの URL を 承認済みの JavaScript 生成元と 承認済みのリダイレクト URIに追加します。

  7. クライアント ID をコピーして、デプロイしたウェブページに貼り付けます。

  8. ログインボタンをタップし、プロンプトに沿って操作します。エラーが発生した場合は、リダイレクト URI が伝播するまでに数分かかることがあります。

  9. 会議を作成して参加します。会議コードをコピーして、ページの [会議コード] 入力欄に貼り付けます。

  10. 動画ストリームの数を選択し、音声を有効にします。

  11. [_クライアントを作成_]、[_会議に参加_] をクリックします。

  12. 動画ストリームと音声ストリームを確認します。