Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

エフサミ2014 web rtcの傾向と対策

1,726 views

Published on

エフサミ2014の時の講演資料。WebRTCに関する概要説明と現在の状況、今後の可能性についての資料です。

  • Be the first to comment

エフサミ2014 web rtcの傾向と対策

  1. 1. Copyright © NTT Communications Corporation. All right reserved. エフサミ2014 WebRTC 傾向と対策 NTTコミュニケーションズ 小松健作 2014年7月12日
  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. いきなりですが Robotics テレプレゼンスから 3
  4. 4. Copyright © NTT Communications Corporation. All right reserved. Romo 4 http://www.romotive.jp/
  5. 5. Copyright © NTT Communications Corporation. All right reserved. Double Robotics 5 http://www.doublerobotics.com/education/
  6. 6. 6Copyright © NTT Communications Corporation. All right reserved. WebRTCとは?
  7. 7. 7Copyright © NTT Communications Corporation. All right reserved. ブラウザで p2p での テレビ電話やファイル交換などを 可能にするAPI
  8. 8. Copyright © NTT Communications Corporation. All right reserved. WebRTCとは  ブラウザでカメラとマイク、音声と映像を扱える。  ブラウザ間の直接通信、リアルタイム通信が可能になる。 8 従来のWeb WebRTC カメラやマイ クを利用可 リアルタイ ムに送受信 ブラウザ間 の直接通信 サーバ⇔ク ライアント 間の通信 リクエストと レスポンスの 繰り返し カメラやマイ クの利用不可
  9. 9. Copyright © NTT Communications Corporation. All right reserved. もうちょっと詳しく言うと 9 Browser API Protocol GetUserMedia Peer to peer connections JSEP SDP ICE (STUN, TURN) SRTP, SCTP over DTLS
  10. 10. Copyright © NTT Communications Corporation. All right reserved. ざっくり言うと End, Endを簡単に繋げられるよ うになった 10 Browser Browser NAT FireWall Proxy
  11. 11. Copyright © NTT Communications Corporation. All right reserved. WebRTC Reference App 11 https://apprtc.appspot.com/
  12. 12. Copyright © NTT Communications Corporation. All right reserved. Cube Slam 12 https://www.cubeslam.com/
  13. 13. Copyright © NTT Communications Corporation. All right reserved. WebRTC copy 13 https://rtccopy.com/
  14. 14. Copyright © NTT Communications Corporation. All right reserved. なにそれ?新しいの? 14 http://www.skype.com/ https://plus.google.com/hangouts http://www.bittorrent.com/
  15. 15. Copyright © NTT Communications Corporation. All right reserved. Webはゲームチェンジャー 15
  16. 16. Copyright © NTT Communications Corporation. All right reserved. Webは、ゲームチェンジャー 16 日記 ネイティブ地図 アプリ テキストチャット p2p blog Google map Twitter, facebook ???
  17. 17. 17Copyright © NTT Communications Corporation. All right reserved. どんな感じで変わっていくの か・・・ドキドキ 17
  18. 18. 18Copyright © NTT Communications Corporation. All right reserved. その1 : サーバーコストを下 げる!!
  19. 19. Copyright © NTT Communications Corporation. All right reserved. これまでのWebのモデル 19 制御も、データ もサーバー経由
  20. 20. Copyright © NTT Communications Corporation. All right reserved. WebRTC時代のモデル 20 制御は、 サーバー経由 データは ダイレクト 極端に言うと、Webページ提供コストで、 テレビ電話サービスが作れちゃう
  21. 21. Copyright © NTT Communications Corporation. All right reserved. Control PlaneとData Planeの分離 → 低コスト化 21 Control Plane Data Plane これからは、制御とデータを分離して低コストに 制御トラフィッ クだけなので、 低コスト データは NWに任せ ちゃおう
  22. 22. Copyright © NTT Communications Corporation. All right reserved. Github pageで気楽にapp!! https://komasshu-skyway-sample.github.io/clm2audio
  23. 23. 23Copyright © NTT Communications Corporation. All right reserved. その2 : マッシュアップ 23
  24. 24. Copyright © NTT Communications Corporation. All right reserved. YouTubeと組み合わせたり 24 https://chat.skyway.io/
  25. 25. Copyright © NTT Communications Corporation. All right reserved. 音声認識 API と組み合わせたり 25 https://skyway.io/examples/caption-phone/
  26. 26. 26Copyright © NTT Communications Corporation. All right reserved. よく言われること 26
  27. 27. Copyright © NTT Communications Corporation. All right reserved. サポート状況 27
  28. 28. 28Copyright © NTT Communications Corporation. All right reserved. WebRTCは ブラウザだけのもの? 28
  29. 29. Copyright © NTT Communications Corporation. All right reserved. Web とは言え、プロトコルは独立 29 Browser API Protocol GetUserMedia Peer to peer connections JSEP SDP ICE (STUN, TURN) SRTP, SCTP over DTLS
  30. 30. Copyright © NTT Communications Corporation. All right reserved. HTTPのように独立したライブラリとして利用可能 30 XMLHTTPRequest HTTP WebRTC Browser API WebRTC protocol Library (C/C++, JAVA ruby, PHP, node …)
  31. 31. Copyright © NTT Communications Corporation. All right reserved. HTTPのように独立したライブラリとして利用可能 31 https://itunes.apple.com/jp/app/fa cebook/id284882215?mt=8 https://getpebble.com/
  32. 32. Copyright © NTT Communications Corporation. All right reserved. Platform としての WebRTC 32 専用 アプリ 専用 アプリ 専用 ハード 専用 アプリ 専用 ハード ブラウザ ブラウザ ここが共通化・ 標準化されるだけで、 相当嬉しい
  33. 33. Copyright © NTT Communications Corporation. All right reserved. WebRTC SDK, libraries for other env. 33 http://tokbox.com/opentok http://js-platform.github.io/node-webrtc/ https://github.com/alongubkin/phonertc http://www.webrtc.org/reference/native-apis
  34. 34. Copyright © NTT Communications Corporation. All right reserved. Chromecast 34 http://www.google.com/intl/ja_ALL/chrome/devices/chromecast /
  35. 35. Copyright © NTT Communications Corporation. All right reserved. Chromecast (cont.) 35 Home Network 再生指示 via WebRTC Movie file via HTTP Web of Things
  36. 36. Copyright © NTT Communications Corporation. All right reserved. Romo 36 http://www.romotive.jp/
  37. 37. Copyright © NTT Communications Corporation. All right reserved. Double Robotics 37 http://www.doublerobotics.com/education/
  38. 38. Copyright © NTT Communications Corporation. All right reserved. 自力で build したい人は 38 http://ninjanetic.com/how-to-get-started-with-webrtc-and-ios- without-wasting-10-hours-of-your-life/
  39. 39. 39Copyright © NTT Communications Corporation. All right reserved. そんなWebRTCをもっと普及さ せたい
  40. 40. Copyright © NTT Communications Corporation. All right reserved. SkyWayの概要 40 WebRTC利用アプリを簡単に開発できるクラウド基盤  2013年12月5日に提供開始  社外 800 名以上の 開発者が利用  提供内容 • シグナリング等のAPI • ライブラリ • サンプルアプリ • ドキュメント
  41. 41. Copyright © NTT Communications Corporation. All right reserved. WebRTCはWeb開発者にとって難しい技術 41 ブラウザ間で直接通信する前に、サーバ経由で「シグナリング」を 行う必要があり、実装にはネットワークの知識が必要。 41ようやく直接通信できる これらの通信が 完了してから…
  42. 42. Copyright © NTT Communications Corporation. All right reserved. SkyWayの特徴 42 SkyWayのシグナリングAPIとライブラリが複雑な処理を担うので、 開発者は簡単にWebRTC利用アプリを開発できる。 STUN API Signaling API STUN API ライブラリ ライブラリ APIとライブ ラリが複雑な 処理を担う
  43. 43. Copyright © NTT Communications Corporation. All right reserved. ハッカソンの開催 43 http://blog.hackcamp.jp/post/90629603062/ntt 2014.6.7(土) (CODE for JAPAN共催) WebRTCを使って復興支援アプリを作ろう〜WebRTC ハッカソン〜
  44. 44. Copyright © NTT Communications Corporation. All right reserved. WebRTCについてもっと知りたい方へ 44 http://html5experts.jp/tag/webrtc/
  45. 45. 45Copyright © NTT Communications Corporation. All right reserved. Thank you!! 45

×