Meet 미디어 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

    배포된 앱의 URL을 승인된 JavaScript 출처 및 승인된 리디렉션 URI에 추가합니다.

  7. 클라이언트 ID를 복사하여 배포된 웹페이지에 붙여넣습니다.

  8. 로그인 버튼을 탭하고 안내를 따릅니다. 오류가 발생하면 리디렉션 URI가 전파될 때까지 몇 분 정도 걸릴 수 있습니다.

  9. 회의를 만들고 참여합니다. 회의 코드를 복사하여 페이지의 '회의 코드' 입력란에 붙여넣습니다.

  10. 동영상 스트림 수를 선택하고 오디오를 사용 설정합니다.

  11. 클라이언트 만들기를 클릭한 다음 회의 참여를 클릭합니다.

  12. 동영상 및 오디오 스트림을 관찰합니다.