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

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

必要條件

如要執行本快速入門導覽課程，您需要具備下列先決條件：

產生 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 來源」和「已授權的重定向網址」。

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

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

  9. 建立及加入會議。複製會議代碼，並貼到頁面上的「會議代碼」輸入框中。

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

  11. 依序點選「建立用戶端」和「加入會議」。

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