Meet Media API：TypeScript 參考用戶端快速入門

本頁說明如何使用 TypeScript 參考用戶端實作設定及執行範例。如要瞭解 C++ 用戶端，請參閱 C++ 參考用戶端快速入門。

必要條件

如要執行本快速入門導覽課程，請先完成下列必要條件：

啟用 Meet REST API

使用 Google API 前，請先在 Google Cloud 專案中啟用這些 API。您可以在單一 Google Cloud 專案中啟用一或多個 API。

Google Cloud 控制台

  1. 在 Google Cloud 控制台中啟用 Meet REST API。

    啟用 API

  2. 確認您要在正確的 Cloud 專案中啟用 Meet REST API，然後按一下「下一步」。

  3. 確認要啟用 Meet REST API，然後按一下「啟用」。

gcloud CLI

  1. 如有必要，請將目前的 Cloud 專案設為您建立的專案：

    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
$ 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

    將已部署應用程式的網址新增至「已授權的 JavaScript 來源」和「已授權的重新導向 URI」。

  7. 複製用戶端 ID，並貼到已部署的網頁中。

  8. 輕觸登入按鈕，然後按照提示操作。如果發生錯誤，請注意重新導向 URI 可能需要幾分鐘才會生效。

  9. 建立及加入會議。複製會議代碼，然後貼到頁面上的「會議代碼」輸入欄位。

  10. 選取影片串流數量並啟用音訊。

  11. 按一下「建立用戶端」，然後按一下「加入會議」。

  12. 觀察視訊和音訊串流。