appear.inという手軽にビデオチャットができるサービスがあります。

最近、自分のサイトに簡単に埋め込めるAPIがあるのを知ったので、ちょっと使ってみました。

ドキュメントはこちら

1. サンプルアプリ

チャットルームを生成して、そのルーム参加者とビデオチャットできるものを作りました。

appearin-sample

使い方のイメージはこんな感じです。

Image

2. 実装

SDKはscriptタグで直接読み込むか、 npmモジュールとして公開されているのでそれを読み込むことで使えるようになります。

基本的な使い方は、

  1. AppearInクラスのインスタンスを生成
  2. ブラウザがビデオチャットに対応しているか確認
  3. 空いているビデオチャットルーム名を生成
  4. iframeにappear.inのビデオチャットを埋め込み

となります。 実際のコードだとこんな感じです↓

また、サンプルアプリのコードはこちらに載せています。

3. おわりに

かなり簡単に使えたので、プライベートのサービスやプロトタイプを作るときなどに役立ちそうです。