5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

WebRTCプラットフォーム tokboxのopentokを調べてみた(4) PeerConnection編

Last updated at Posted at 2015-05-01

最終回では

最終回となる今回は、実際にJavaScriptクライアントライブラリを使ってみて気が付いた、小ネタについて書いてみます。
ライブラリ/SDKの使い方については、公式ドキュメントやGitHubのサンプルがあるので、そちらをご覧ください。

一般的なビデオチャットの場合

PeerConnectionの使い方

WebRTCの通信を司るPeerConnectionは、映像/音声を双方向にやりとりできます。したがって、1ペアにつき1つのPeerConnectionオブジェクトを使います。
peerconnection_usual.png

内側を覗いてみると

この時、Chromeのツール chrome://webrtc-internals で見ると、次のようにsend/recv(送信/受信)が2つずつ(映像と音声)表示されます。
webrtc_in_talkin_peer_mix.png

opentokのビデオチャットの場合

内側を覗いてみると

opentokを使って1対1の双方向ビデオチャットを行っている状態で chrome://webrtc-internals を開くと、先ほどと違いPeerConnectionのタブが2つ存在することが分かります。
そして1つめのタブを見ると、send(送信)が2つ(映像と音声)があり、recv(受信)がありません。
webrtc_in_toxbox_peerA_mix.png

一方2つ目のタブを見てみると、sendは無くてrecv(受信)が2つです。送信と受信でPeerConnectionを使い分けていることが分かります。
webrtc_in_toxbox_peerB_mix.png

PeerConnectionの使い方

webrtc-internalsの情報から考えると、PeerConnectionはこのようになっているはずです。(コードは読んでません...)
peerconnection_tokbox.png

SFUとPeerConnection

どうしてPeerConnectionを使い分けているのか? それはopentokがSFUを使っているからと推測されます。
SFUの場合、前回の記事のように上り(送信)が1本、下り(受信)が複数になります。そのためPeerConnectionを双方向通信でなく、片方向通信に使っていると推測されます。
opentokは片方向多人数の配信もサポートしていますが、共通の仕組みでシンプルに実装できているはずです。

3人目が加わったら

ここまでの推測が正しいとすると、3人目が会議に加わったら次のようになるはずです。

  • sendのみのPeerConnectionが1つ、recvのみのPeerConnectionが2つ

実際にやってみたところ、webrtc-internalsの情報はこの通り。
webrtc_in_toxbox_3people.png

webrtc_in_toxbox_3people_recv.png

予想通り、recv専用のPeerConnectionが増えて2つになりました。

おわりに

以上、4回にわたってWebRTCの定番サービス、opentokを調べてきました。

  • 基礎編、利用料金編は公開情報のまとめ (2015年4月現在)
  • 通信経路編、PeerConnection編は挙動からの推測

有償サービスを長く続けているだけあって、さまざまな工夫がうかがえます。WebRTCをベースにした本格的なサービスを構築する場合には、やっぱり最有力候補ですね。

また今回はiOS/Androidネイティブライブラリは試していません。どなたかがネイティブ編を書いてくれることを、期待しています。

記事一覧

5
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
5
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?