LoginSignup
7
3

More than 3 years have passed since last update.

ZoomのVideo SDK登録とサンプルアプリケーション実行

Last updated at Posted at 2021-04-19

概要

Zoomがビデオ通話機能を切り出してSDKとして提供を始めたので、サンプルアプリケーションを動かすところまで実施。

Developer登録

公式ページから、Buy Nowを選択。
zoom.us_docs_en-us_video-sdk.html.png

支払いプランを選択。
Pay As You Goだと、10,000時間まで無料で使用できて、それ以降は1分あたり0.48ドルの支払いになる。
もしくは年間134,400ドル払って1分あたり0.41ドルの支払いだが、お試しならばPay As You Goだろう。

zoom.us_buy_videosdk.png

ここで登録するメールアドレスは、通常のZoomの招待や参加などには使えないようなので、普段使っているZoom用アカウントがある場合は他のメールアドレスを用意したほうが良さそう。

zoom.us_buy_videosdk (1).png

そこからは、名前や住所、クレジットカード登録などを行ってアカウントを作成する。

zoom.us_buy_signup (1).png

サンプルアプリケーション実行

アプリケーションの登録

App Marketplaceから、右上のDevelop -> Build Appを選択。
marketplace.zoom.us_.png

App TypeはVideo SDKなので、Video SDKのCreateを押下。
marketplace.zoom.us_ (1).png

アプリケーション名などは任意の名前を入力する。

ダウンロード

登録が終わったら、Downloadをクリックしてサンプルアプリケーションのダウンロード実施。
marketplace.zoom.us_ (3).png

依存パッケージのインストール

ダウンロードしたzipを任意のディレクトリに解凍し、Sampleディレクトリに移動した後に依存パッケージのinstallを実行。

$ npm install

その後、@zoomusnode_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とか)

marketplace.zoom.us_ (3).png

実行

Sampleディレクトリで以下コマンドを実行。

$ npm run start

勝手にブラウザが開いて、少し待つとアプリケーションが開始される。

localhost_3000_.png

Audio, video and shareをクリックすると、audio, video, screen sharingが行える。

localhost_3000_ (1).png

7
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
3