Copyright © NTT Communications Corporation. All right reserved.
WebRTCを使って復興支援アプリを作ろう
~WebRTC アイディアソン~
WebRTCについての解説
NTTコミ...
Copyright © NTT Communications Corporation. All right reserved.
自己紹介
名前:小松健作
所属:NTT communications
HTML5の研究開発
標準化活動(W3C)
H...
3Copyright © NTT Communications Corporation. All right reserved.
WebRTCとは?
4Copyright © NTT Communications Corporation. All right reserved.
ブラウザで p2p での
テレビ電話やファイル交換などを
可能にする技術
Copyright © NTT Communications Corporation. All right reserved.
WebRTCとは
 ブラウザでカメラとマイク、音声と映像を扱える。
 ブラウザ間の直接通信、リアルタイム通信が可...
Copyright © NTT Communications Corporation. All right reserved.
WebRTC Reference App
6
https://apprtc.appspot.com/
Copyright © NTT Communications Corporation. All right reserved.
Cube Slam
7
https://www.cubeslam.com/
Copyright © NTT Communications Corporation. All right reserved.
WebRTC copy
8
https://rtccopy.com/
Copyright © NTT Communications Corporation. All right reserved.
なにそれ?新しいの?
9
http://www.skype.com/
https://plus.google.com...
Copyright © NTT Communications Corporation. All right reserved.
Webは、ゲームチェンジャー
10
日記
ネイティブ地図
アプリ
テキストチャット
p2p
blog
Google ...
Copyright © NTT Communications Corporation. All right reserved.
Search
現在のWeb
Permanent
Copyright © NTT Communications Corporation. All right reserved.
Search
今後のWebはこんな感じ?
Permanent
Momentalモノ モノ
13Copyright © NTT Communications Corporation. All right reserved.
他のWeb APIとの
マッシュアップ
13
Copyright © NTT Communications Corporation. All right reserved.
YouTubeと組み合わせたり
14
https://chat.skyway.io/
Copyright © NTT Communications Corporation. All right reserved.
音声認識 API と組み合わせたり
15
https://skyway.io/examples/caption-ph...
Copyright © NTT Communications Corporation. All right reserved.
サポート状況
16
17Copyright © NTT Communications Corporation. All right reserved.
WebRTCは
ブラウザだけのもの?
17
Copyright © NTT Communications Corporation. All right reserved.
Click to call
WebRTC
-telephony
Gateway
WebRTC VoIP, PSTN
Copyright © NTT Communications Corporation. All right reserved.
M2M への期待
19
“テレコミュニケーション 6月号 p.24”(リックテレコム社)より
Copyright © NTT Communications Corporation. All right reserved.
Chromecast
20
http://www.google.com/intl/ja_ALL/chrome/dev...
Copyright © NTT Communications Corporation. All right reserved.
Chromecast (cont.)
21
Home Network
再生指示 via WebRTC
Movie f...
Copyright © NTT Communications Corporation. All right reserved.
Platform としての WebRTC
22
専用
アプリ
専用
アプリ
専用
ハード
専用
アプリ
専用
ハード...
Copyright © NTT Communications Corporation. All right reserved.
Webではすでに普通でしょ?
23
https://itunes.apple.com/jp/app/fa
ceboo...
Copyright © NTT Communications Corporation. All right reserved.
WebRTC SDK, libraries for other env.
24
http://tokbox.com/...
25Copyright © NTT Communications Corporation. All right reserved.
SkyWayの概要
SkyWayを使えば簡単に
WebRTCのアプリを開発できる
Copyright © NTT Communications Corporation. All right reserved.
SkyWayの概要
26
WebRTC利用アプリを簡単に開発できるクラウド基盤
 2013年12月5日に提供開始
...
Copyright © NTT Communications Corporation. All right reserved.
WebRTCはWeb開発者にとって難しい技術
27
ブラウザ間で直接通信する前に、サーバ経由で「シグナリング」を
行...
Copyright © NTT Communications Corporation. All right reserved.
SkyWayの特徴
28
SkyWayのシグナリングAPIとライブラリが複雑な処理を担うので、
開発者は簡単にWeb...
Copyright © NTT Communications Corporation. All right reserved.
Conclusion
 WebRTCとは?
• WebでP2Pができるようになる技術
 何が新しい?
• 技術的...
Copyright © NTT Communications Corporation. All right reserved.
WebRTCについてもっと知りたい方へ
30
http://html5experts.jp/tag/webrtc/
31Copyright © NTT Communications Corporation. All right reserved.
Thank you!!
31
Upcoming SlideShare
Loading in …5
×

WebRTC の紹介

3,303 views

Published on

2014.5.31(sat) に開催した「WebRTCを使って復興支援アプリを作ろう〜WebRTC アイデアソン〜」
http://codeforjapan.doorkeeper.jp/events/11305
でのWebRTCの紹介資料です。

Published in: Technology
0 Comments
13 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,303
On SlideShare
0
From Embeds
0
Number of Embeds
265
Actions
Shares
0
Downloads
29
Comments
0
Likes
13
Embeds 0
No embeds

No notes for slide

WebRTC の紹介

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

×