WebRTC の紹介
Download as PPTX, PDF13 likes3,972 views
2014.5.31(sat) に開催した「WebRTCを使って復興支援アプリを作ろう〜WebRTC アイデアソン〜」 http://codeforjapan.doorkeeper.jp/events/11305 でのWebRTCの紹介資料です。
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)
- 3. 3Copyright © NTT Communications Corporation. All right reserved. WebRTCとは？
- 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/
- 31. 31Copyright © NTT Communications Corporation. All right reserved. Thank you!! 31