WebRTCでの開発時に役立つツールやサイトまとめ。開発環境やテストサイトなど

WebRTC開発環境

Visual Studio Code (通称VSCode)

とにかく、デザインがよく、サクサク動く。

さらに、

• Gitクライアント標準装備
• LiveServer(Plugin)が便利

もうEclipseの時代は終わりかけてますかね。。

WebRTC開発に使えるブラウザ

Google Chrome
chrome://webrtc-internals/（Google Chromeでご覧ください）
Google Chromeの機能です。FPSや画角等の統計情報がリアルタイムに見えます。

chrome://inspect/#devices（Google Chromeでご覧ください）
Androidではconsole.logや要素の確認ができないのでPCにつないで確認しています。

Safari

iPhoneではconsole.logや要素の確認ができないのでPCにつないで確認しています。
メニュー>開発>該当のデバイス　でアクセスできます。

WebRTCの情報サイト

• WebRTCテスト

筆者の環境だとAudioがNGになりました。。

• ブラウザ対応表

• agora.ioデモ

自由に使えます。ROOM NAMEはなるべくバッティングしないNAMEがおすすめ。

• 2019年のトレンド(海外サイト)

すぐに使えるSDK

• OpenTok
• Agora.io
• aws Kinesis Video Stream WebRTC(New!)
• Twilio
• SkyWay

WebRTC開発者コミュニティ

• WebRTC-JP
• WebRTC-JP Slack

イベントにときおり参加しています。筆者が登壇したこともあります。
WebRTCに利用できる技術やサービス提供を直接受けられる場として有効かと思います。

ネットワーク調査

• Squid

TCP:80/443しか通信できない環境の再現に利用します。
UDPの良さがなくなってしまいますが。。

端末・デバイス

PCやスマホがメインですが、他にも相性がよさそうなデバイスがこちらです。

• 360度カメラ RICOH THETA
• ドローン
• raspberry pi

(おまけ) 顔認識ライブラリ

カメラ映像を加工する際に利用します。ステッカー（SNOWのような！）も実現できます。
オープンソースでも比較的正確に顔認識してくれます。

• clmtrackr.js
• pico.js

(おまけ) VR関連ライブラリ

WebRTC+VR。OculusやVRレンズをつけたスマホでVR体験ができます。

• aframe.io

以上です。ぜひWebRTC開発に役立ててみてください。