WebRTC の紹介

Copyright © NTT Communications Corporation. All right reserved.
WebRTCを使って復興支援アプリを作ろう
～WebRTC アイディアソン～
WebRTCについての解説
NTTコミュニケーションズ株式会社
先端IPアーキテクチャセンタ
WebコアTechnical Unit
小松健作
2014年5月30日

自己紹介
名前：小松健作
所属：NTT communications
HTML5の研究開発
標準化活動（W3C）
HTML5の啓蒙・コミュニティ運営
Google Developer Expert (HTML5)

3Copyright © NTT Communications Corporation. All right reserved.
WebRTCとは？

ブラウザで p2p での
テレビ電話やファイル交換などを
可能にする技術

WebRTCとは
 ブラウザでカメラとマイク、音声と映像を扱える。
 ブラウザ間の直接通信、リアルタイム通信が可能になる。
 情報が分散型へシフトする。
5
従来のWeb WebRTC
カメラやマイ
クを利用可
リアルタイ
ムに送受信
ブラウザ間
の直接通信
サーバ⇔ク
ライアント
間の通信
リクエストと
レスポンスの
繰り返し
カメラやマイ
クの利用不可

WebRTC Reference App
6
https://apprtc.appspot.com/

Cube Slam
7
https://www.cubeslam.com/

WebRTC copy
8
https://rtccopy.com/

なにそれ？新しいの？
9
http://www.skype.com/
https://plus.google.com/hangouts
http://www.bittorrent.com/

Webは、ゲームチェンジャー
10
日記
ネイティブ地図
アプリ
テキストチャット
p2p
blog
Google map
Twitter, facebook
???

Search
現在のWeb
Permanent

Search
今後のWebはこんな感じ？
Permanent
Momentalモノモノ

他のWeb APIとの
マッシュアップ
13

YouTubeと組み合わせたり
14
https://chat.skyway.io/

音声認識 API と組み合わせたり
15
https://skyway.io/examples/caption-phone/

サポート状況
16

WebRTCは
ブラウザだけのもの？
17

Click to call
WebRTC
-telephony
Gateway
WebRTC VoIP, PSTN

M2M への期待
19
“テレコミュニケーション 6月号 p.24”（リックテレコム社）より

Chromecast
20
http://www.google.com/intl/ja_ALL/chrome/devices/chromecast
/

Chromecast (cont.)
21
Home Network
再生指示 via WebRTC
Movie file via HTTP
Web
of
Things

Platform としての WebRTC
22
専用
アプリ
専用
アプリ
専用
ハード
専用
アプリ
専用
ハード
ブラウザ
ブラウザ
ここが共通化・
標準化されるだけで、
相当嬉しい

Webではすでに普通でしょ？
23
https://itunes.apple.com/jp/app/fa
cebook/id284882215?mt=8
https://getpebble.com/

WebRTC SDK, libraries for other env.
24
http://tokbox.com/opentok
http://js-platform.github.io/node-webrtc/
https://github.com/alongubkin/phonertc
http://www.webrtc.org/reference/native-apis

SkyWayの概要
SkyWayを使えば簡単に
WebRTCのアプリを開発できる

SkyWayの概要
26
WebRTC利用アプリを簡単に開発できるクラウド基盤
 2013年12月5日に提供開始
 社外の約600名以上の
開発者が利用している
 提供内容
• シグナリング等のAPI
• ライブラリ
• サンプルアプリ
• ドキュメント

WebRTCはWeb開発者にとって難しい技術
27
ブラウザ間で直接通信する前に、サーバ経由で「シグナリング」を
行う必要があり、実装にはネットワークの知識が必要。
27ようやく直接通信できる
これらの通信が
完了してから…

SkyWayの特徴
28
SkyWayのシグナリングAPIとライブラリが複雑な処理を担うので、
開発者は簡単にWebRTC利用アプリを開発できる。
STUN
API
Signaling
API
STUN
API
ライブラリライブラリ
APIとライブ
ラリが複雑な
処理を担う

Conclusion
 WebRTCとは？
• WebでP2Pができるようになる技術
 何が新しい？
• 技術的には新しくない。P2Pのゲームチェンジャー
• 他のWeb機能と容易に連携
• ブラウザの枠を超え、M2Mにも期待
 SkyWay
• 難しいこと（Signallingとか）は、弊社にお任せ！！
29

WebRTCについてもっと知りたい方へ
30
http://html5experts.jp/tag/webrtc/

Thank you!!
31

WebRTC の紹介

Recommended

Recommended

More Related Content

What's hot

What's hot (17)

Viewers also liked

Viewers also liked (6)

Similar to WebRTC の紹介

Similar to WebRTC の紹介 (20)

More from Kensaku Komatsu

More from Kensaku Komatsu (19)

WebRTC の紹介