LoginSignup
30
21

More than 3 years have passed since last update.

最近業務でAgoraを使ったので、その共有で記事を書いていきます!

今回は、Agora入門として、ビデオ通話を試してみます!

今回の目的

Agoraのサービスを使って、ビデオ通話を試してみる

必要な物を準備

 agora.ioにユーザー登録

次のサイトからユーザー登録を行います。
※ 登録には電話番号が必要です。

登録が完了したこんな画面が表示されたらOKです!

image.png

プロジェクト作成

プロジェクト管理ページからプロジェクト作成を行います。

image.png

プロジェクト名を適当に入力してプロジェクト作成します。

image.png
※ 登録時にアプリ証明書を有効にしてください

接続情報に必要な一時トークンを作成

  1. 先ほど作成したプロジェクトの編集画面に入り、 一時トークンを作成するボタンを押下する image.png ※ ボタンが存在しない場合は、アプリの証明書が有効になっていないかもです。

2.トークン生成ページに遷移するので適当にチャンネルネームを入力して、トークン生成ボタンを押下します
image.png

トークンが無事生成されたら準備完了です!
image.png

ビデオ通話接続

  1. 先ほど作成したトークン情報を使ってビデオ通話接続を行います!
    接続のページは、自分が事前に用意したページを使ってみます。
    image.png

  2. 先ほど作成したトークンのページに表示されている情報をページに入力していきます
    image.png
    ※ トークンとチャンネル名の入力の順番に注意してください

  3. 接続
    入力後、マイクとカメラの使用を求めらるので許可するとビデオ通話が開始されます。
    開始するとこんな感じでビデオ通話が開始されたら成功です!
    image.png

おわりに

今回は、Agoraのサービスを使ってビデオ通話を試してみました。
コードを書かなくて退屈だった人が多いと思うので、
次回はReactでAgoraの実装をやってきます!

最後まで読んでくれたらLGTMしてくれると嬉しいです!!!

30
21
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
30
21