TksLab

IT系ブログ

【WebRTC】ビデオチャットを作れるWebRTCを触ってみた①(SkyWayユーザ登録)

スポンサーリンク

今回は、数年前から話題になっているWebRTC(Web Real-Time Communication)を触ってみます。

 

WebRTCはブラウザのみでビデオチャット、音声チャット、ファイル共有などができるリアルタイムコミュニケーション用のAPIです。

有名どころだとSkypeやChatWorkなどもWebRTCを使っているようです。

 

自分で一からサーバを構築する場合は、NAT越えに必要なSTUNサーバ/TURNサーバが必要になるとのことです。

※NAT越えとは家のネットワーク機器のIPアドレスと、インターネット通信をするためのIPアドレスを変換する処理のことです。

 

それはすごく大変そうなので、NTT Communicationsさんが出している「SkyWay」というサービスを使うことにしました。

・WebRTCに必要なサーバを提供してくれます。

・メンテナンスもやってくれるので、こちらは開発に専念できます。

 

①SkyWayのユーザ登録をする

SkyWayを使用するにはユーザ登録が必要になります。

webrtc.ecl.ntt.com

 

画面の右上の新規登録から新規登録画面を開きます。

次に、無料で使える「Community Edition」の「無料で新規登録」ボタンをクリックします。

※無料なので制限がありますが、小規模なサービスでしたらこれで十分だと思います。

f:id:tkslab:20190129235657p:plain

 

開発者登録画面で、お名前、メールアドレス、パスワードを入力して仮登録をします。

仮登録のメールが送られてくるので、メール内に書かれているリンクにアクセスします。

これで登録が完了です。

f:id:tkslab:20190130000850p:plain

 

 ②ログイン

画面右上のログインからログインメニュー画面を開きます。

Community Editionの「ダッシュボードにログイン」ボタンをクリックします。

f:id:tkslab:20190130001101p:plain


ログイン画面でメールアドレスと、パスワードを入力してログインします。

 

③アプリケーション設定

ログインできたら、アプリケーション一覧から「新しくアプリケーションを追加する」をクリックします。

f:id:tkslab:20190130002000p:plain

 

作成するアプリケーションの説明と、APIを使用するドメインを入力します。

f:id:tkslab:20190130002114p:plain

 

あとはデフォルトで、「アプリケーションを作成する」をクリックします。

f:id:tkslab:20190130002243p:plain

 

作成するアプリケーションのAPIキーが表示されました。

これから作成する画面でWebRTCを使うときに必要となるキーです。

f:id:tkslab:20190130002425p:plain

 

今回はここまでにします。

次回はビデオチャットができるところまで実装して行きたいと思います。