Mais conteúdo relacionado
Semelhante a WebRTC の紹介 (20)
Mais de Kensaku Komatsu (19)
WebRTC の紹介
- 1. Copyright © NTT Communications Corporation. All right reserved.
WebRTCを使って復興支援アプリを作ろう
~WebRTC アイディアソン~
WebRTCについての解説
NTTコミュニケーションズ株式会社
先端IPアーキテクチャセンタ
WebコアTechnical Unit
小松健作
2014年5月30日
- 2. Copyright © NTT Communications Corporation. All right reserved.
自己紹介
名前:小松健作
所属:NTT communications
HTML5の研究開発
標準化活動(W3C)
HTML5の啓蒙・コミュニティ運営
Google Developer Expert (HTML5)
- 4. 4Copyright © NTT Communications Corporation. All right reserved.
ブラウザで p2p での
テレビ電話やファイル交換などを
可能にする技術
- 5. Copyright © NTT Communications Corporation. All right reserved.
WebRTCとは
ブラウザでカメラとマイク、音声と映像を扱える。
ブラウザ間の直接通信、リアルタイム通信が可能になる。
情報が分散型へシフトする。
5
従来のWeb WebRTC
カメラやマイ
クを利用可
リアルタイ
ムに送受信
ブラウザ間
の直接通信
サーバ⇔ク
ライアント
間の通信
リクエストと
レスポンスの
繰り返し
カメラやマイ
クの利用不可
- 6. Copyright © NTT Communications Corporation. All right reserved.
WebRTC Reference App
6
https://apprtc.appspot.com/
- 7. Copyright © NTT Communications Corporation. All right reserved.
Cube Slam
7
https://www.cubeslam.com/
- 8. Copyright © NTT Communications Corporation. All right reserved.
WebRTC copy
8
https://rtccopy.com/
- 9. Copyright © NTT Communications Corporation. All right reserved.
なにそれ?新しいの?
9
http://www.skype.com/
https://plus.google.com/hangouts
http://www.bittorrent.com/
- 10. Copyright © NTT Communications Corporation. All right reserved.
Webは、ゲームチェンジャー
10
日記
ネイティブ地図
アプリ
テキストチャット
p2p
blog
Google map
Twitter, facebook
???
- 11. Copyright © NTT Communications Corporation. All right reserved.
Search
現在のWeb
Permanent
- 12. Copyright © NTT Communications Corporation. All right reserved.
Search
今後のWebはこんな感じ?
Permanent
Momentalモノ モノ
- 13. 13Copyright © NTT Communications Corporation. All right reserved.
他のWeb APIとの
マッシュアップ
13
- 14. Copyright © NTT Communications Corporation. All right reserved.
YouTubeと組み合わせたり
14
https://chat.skyway.io/
- 15. Copyright © NTT Communications Corporation. All right reserved.
音声認識 API と組み合わせたり
15
https://skyway.io/examples/caption-phone/
- 16. Copyright © NTT Communications Corporation. All right reserved.
サポート状況
16
- 17. 17Copyright © NTT Communications Corporation. All right reserved.
WebRTCは
ブラウザだけのもの?
17
- 18. Copyright © NTT Communications Corporation. All right reserved.
Click to call
WebRTC
-telephony
Gateway
WebRTC VoIP, PSTN
- 19. Copyright © NTT Communications Corporation. All right reserved.
M2M への期待
19
“テレコミュニケーション 6月号 p.24”(リックテレコム社)より
- 20. Copyright © NTT Communications Corporation. All right reserved.
Chromecast
20
http://www.google.com/intl/ja_ALL/chrome/devices/chromecast
/
- 21. Copyright © NTT Communications Corporation. All right reserved.
Chromecast (cont.)
21
Home Network
再生指示 via WebRTC
Movie file via HTTP
Web
of
Things
- 22. Copyright © NTT Communications Corporation. All right reserved.
Platform としての WebRTC
22
専用
アプリ
専用
アプリ
専用
ハード
専用
アプリ
専用
ハード
ブラウザ
ブラウザ
ここが共通化・
標準化されるだけで、
相当嬉しい
- 23. Copyright © NTT Communications Corporation. All right reserved.
Webではすでに普通でしょ?
23
https://itunes.apple.com/jp/app/fa
cebook/id284882215?mt=8
https://getpebble.com/
- 24. Copyright © NTT Communications Corporation. All right reserved.
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
- 25. 25Copyright © NTT Communications Corporation. All right reserved.
SkyWayの概要
SkyWayを使えば簡単に
WebRTCのアプリを開発できる
- 26. Copyright © NTT Communications Corporation. All right reserved.
SkyWayの概要
26
WebRTC利用アプリを簡単に開発できるクラウド基盤
2013年12月5日に提供開始
社外の約600名以上の
開発者が利用している
提供内容
• シグナリング等のAPI
• ライブラリ
• サンプルアプリ
• ドキュメント
- 27. Copyright © NTT Communications Corporation. All right reserved.
WebRTCはWeb開発者にとって難しい技術
27
ブラウザ間で直接通信する前に、サーバ経由で「シグナリング」を
行う必要があり、実装にはネットワークの知識が必要。
27ようやく直接通信できる
これらの通信が
完了してから…
- 28. Copyright © NTT Communications Corporation. All right reserved.
SkyWayの特徴
28
SkyWayのシグナリングAPIとライブラリが複雑な処理を担うので、
開発者は簡単にWebRTC利用アプリを開発できる。
STUN
API
Signaling
API
STUN
API
ライブラリ ライブラリ
APIとライブ
ラリが複雑な
処理を担う
- 29. Copyright © NTT Communications Corporation. All right reserved.
Conclusion
WebRTCとは?
• WebでP2Pができるようになる技術
何が新しい?
• 技術的には新しくない。P2Pのゲームチェンジャー
• 他のWeb機能と容易に連携
• ブラウザの枠を超え、M2Mにも期待
SkyWay
• 難しいこと(Signallingとか)は、弊社にお任せ!!
29
- 30. Copyright © NTT Communications Corporation. All right reserved.
WebRTCについてもっと知りたい方へ
30
http://html5experts.jp/tag/webrtc/