Zoom의 Video SDK 등록 및 샘플 애플리케이션 실행
개요
Zoom이 화상 통화 기능을 잘라 SDK로 제공하기 시작했습니다. 그래서 샘플 어플리케이션을 움직이는 곳까지 실시.
Developer 등록
공식 페이지 에서 Buy Now를 선택합니다.

지불 플랜을 선택.Pay As You Go
그렇다면, 10,000시간까지 무료로 사용할 수 있어, 그 이후는 1분당 0.48달러의 지불이 된다.
혹은 연간 134,400달러 지불해 분당 0.41달러의 지불이지만, 시험한다면 Pay As You Go
일 것이다.

여기에 등록하는 메일 주소는, 통상의 Zoom의 초대나 참가등에는 사용할 수 없는 것 같기 때문에, 평상시 사용하고 있는 Zoom용 어카운트가 있는 경우는 다른 메일 주소를 준비하는 편이 좋을 것 같다.

거기에서 이름, 주소, 신용 카드 등록 등을 수행하여 계정을 만듭니다.

샘플 애플리케이션 실행
애플리케이션 등록
App Marketplace 에서 오른쪽 상단 Develop
-> Build App
를 선택합니다.

App Type은 Video SDK이므로 Video SDK의 Create를 누릅니다.

애플리케이션 이름 등은 임의의 이름을 입력한다.
다운로드
등록이 끝나면, Download
를 클릭해 샘플 어플리케이션의 다운로드 실시.

종속 패키지 설치
다운로드한 zip을 임의의 디렉토리에 압축을 풀고 Sample
디렉토리로 이동한 후 의존 패키지의 install을 실행.
$ npm install
그런 다음 @zoomus
를 node_modules
에 복사합니다.
$ cp -R @zoomus node_modules
SdkKey 등록
src/config/dev.ts
의 내용을 다시 쓴다.
import { getExploreName } from '../utils/platform';
export const devConfig = {
sdkKey: '',
sdkSecret: '',
topic: '',
name: `${getExploreName()}-${Math.floor(Math.random() * 1000)}`,
password: '',
signature: '',
};
아래 화면의 App Credentials 탭을 눌러 SDK Key와 SDK Credential을 위 코드의 sdkKey와 sdkSecret에 붙여 넣습니다.
또한 topic은 임의의 문자를 설정합니다. ( testtopic
라든지)

실행
샘플 디렉토리에서 다음 명령을 실행합니다.
$ npm run start
마음대로 브라우저가 열리고, 조금 기다리면 애플리케이션이 시작된다.

Audio, video and share를 클릭하면 audio, video, screen sharing을 할 수 있습니다.
Reference
이 문제에 관하여(Zoom의 Video SDK 등록 및 샘플 애플리케이션 실행), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/subaru44k/items/8fcf175e4bb4eef8281e
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
공식 페이지 에서 Buy Now를 선택합니다.

지불 플랜을 선택.
Pay As You Go
그렇다면, 10,000시간까지 무료로 사용할 수 있어, 그 이후는 1분당 0.48달러의 지불이 된다.혹은 연간 134,400달러 지불해 분당 0.41달러의 지불이지만, 시험한다면
Pay As You Go
일 것이다.
여기에 등록하는 메일 주소는, 통상의 Zoom의 초대나 참가등에는 사용할 수 없는 것 같기 때문에, 평상시 사용하고 있는 Zoom용 어카운트가 있는 경우는 다른 메일 주소를 준비하는 편이 좋을 것 같다.

거기에서 이름, 주소, 신용 카드 등록 등을 수행하여 계정을 만듭니다.

샘플 애플리케이션 실행
애플리케이션 등록
App Marketplace 에서 오른쪽 상단 Develop
-> Build App
를 선택합니다.

App Type은 Video SDK이므로 Video SDK의 Create를 누릅니다.

애플리케이션 이름 등은 임의의 이름을 입력한다.
다운로드
등록이 끝나면, Download
를 클릭해 샘플 어플리케이션의 다운로드 실시.

종속 패키지 설치
다운로드한 zip을 임의의 디렉토리에 압축을 풀고 Sample
디렉토리로 이동한 후 의존 패키지의 install을 실행.
$ npm install
그런 다음 @zoomus
를 node_modules
에 복사합니다.
$ cp -R @zoomus node_modules
SdkKey 등록
src/config/dev.ts
의 내용을 다시 쓴다.
import { getExploreName } from '../utils/platform';
export const devConfig = {
sdkKey: '',
sdkSecret: '',
topic: '',
name: `${getExploreName()}-${Math.floor(Math.random() * 1000)}`,
password: '',
signature: '',
};
아래 화면의 App Credentials 탭을 눌러 SDK Key와 SDK Credential을 위 코드의 sdkKey와 sdkSecret에 붙여 넣습니다.
또한 topic은 임의의 문자를 설정합니다. ( testtopic
라든지)

실행
샘플 디렉토리에서 다음 명령을 실행합니다.
$ npm run start
마음대로 브라우저가 열리고, 조금 기다리면 애플리케이션이 시작된다.

Audio, video and share를 클릭하면 audio, video, screen sharing을 할 수 있습니다.
Reference
이 문제에 관하여(Zoom의 Video SDK 등록 및 샘플 애플리케이션 실행), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/subaru44k/items/8fcf175e4bb4eef8281e
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
$ npm install
$ cp -R @zoomus node_modules
import { getExploreName } from '../utils/platform';
export const devConfig = {
sdkKey: '',
sdkSecret: '',
topic: '',
name: `${getExploreName()}-${Math.floor(Math.random() * 1000)}`,
password: '',
signature: '',
};
$ npm run start
Reference
이 문제에 관하여(Zoom의 Video SDK 등록 및 샘플 애플리케이션 실행), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/subaru44k/items/8fcf175e4bb4eef8281e텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)