Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

5分でわかるWebRTC

5.514 Aufrufe

Veröffentlicht am

Enterprise APIs Hack-Night #1の発表資料です。

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

5分でわかるWebRTC

  1. 1. Copyright © NTT Communications Corporation. All right reserved. Enterprise APIs Hack Night #1 5 分 で
 わ か る
 WebRTC
NTTコミュニケーションズ株式会社 大津谷
  2. 2. Copyright © NTT Communications Corporation. All right reserved. 自己紹介 / 大津谷 亮祐(おおつや りょうすけ) 仕事 WebRTCプラットフォーム
 SkyWay”のプロダクトマネージャ コミュニティ WebRTC Conference Japan 幹事 プライベート 神奈川県 葉山町 在住
 趣味は海と畑 2
  3. 3. Copyright © NTT Communications Corporation. All right reserved. 今日話すこと 1. WebRTCはパワフルな技術 2. でも意外とめんどくさい 3. WebRTCプラットフォーム便利 3
  4. 4. Copyright © NTT Communications Corporation. All right reserved. RTCって何の略語? WebRTC Web Real Time Communication Webでネットでリアルタイムな(意思疎通 | 通信)
 をするためのオープン標準 4
  5. 5. Copyright © NTT Communications Corporation. All right reserved. リアルタイムコミュニケーションの歴史 リアルタイム・コミュニケーションと言えば電話。 120年の間、電話会社が独占 5 www.flickr.com/photos/mattb_tv/2550476978
  6. 6. Copyright © NTT Communications Corporation. All right reserved. NapsterやSkypeがインターネット上で リアルタイム・コミュニケーションを実現。 電話会社とハッカーによる寡占が10年続いた。 6 www.flickr.com/photos/132889348@N07/18410514419
  7. 7. Copyright © NTT Communications Corporation. All right reserved. WebRTCによって、リアルタイム・コミュニケーションが すべてのソフトウェアエンジニアの手に。 リアルタイム・コミュニケーションの民主化 7 www.flickr.com/photos/tjflex/57210112
  8. 8. Copyright © NTT Communications Corporation. All right reserved. 母親に説明するとしたら ホームページの中でテレビ電話が
 使える技術なんやで。 LINEっぽいものも簡単に作れるんやで。 8
  9. 9. Copyright © NTT Communications Corporation. All right reserved. まじめに知りたい人向け n オープン標準の中身は、
 ① 音声と映像のコーデック
 ② NAT越えの手順
 ③ 暗号化、到達・順序保証、流量・輻輳制御を
 実現するプロトコル
 ④ ブラウザ内のJavaScript API n ブラウザとアプリの両方で使える。
 (マルチデバイス、マルチプラットフォーム) n 映像/音声とデータの両方を送れる。 9
  10. 10. Copyright © NTT Communications Corporation. All right reserved. デモ準備 n ChromeかFirefoxでアクセス! n Windows、Mac、Android、Chrome OSに対応。
 iOSには未対応。
 Wi-Fi : TechLabPAAK / recruit!! URL : is.gd/html5jt#0903! 10
  11. 11. Copyright © NTT Communications Corporation. All right reserved. 何ができるの? n コミュニケーションアプリが作れる n 家電やIoTでも使える(右の写真) n インストール不要だから、サポートが
 楽になる、ITが苦手な人も使える n アプリやWebにビデオ/音声通話を
 組み込んでユーザ体験を向上できる n 電話の発信と受信ができる Chromecast Withings  Home URL
 is.gd/html5jt#0903! Wi-Fi TechLabPAAK
 recruit!!
  12. 12. Copyright © NTT Communications Corporation. All right reserved. WebRTCの対応状況 12 n EdgeとiOSはもうちょっとかかる。 OS アプリ Windows Mac Android iOS Chrome ✔ ✔ ✔ ✘ Firefox ✔ ✔ ✔ IE ✘*1 Edge ✘*2 Safari ✘*1*3 ✘*3 ネイティブアプリ ✔ ✔ ✔ ✔ *1: プラグインで対応可 *2: 2015年7月のWindows 10発売時点で一部サポート *3: Ericsson等が推進する、オープンソースプロジェクト
 WebRTC in WebKit” により、開発がほぼ完了 URL
 is.gd/html5jt#0903! Wi-Fi TechLabPAAK
 recruit!!
  13. 13. Copyright © NTT Communications Corporation. All right reserved. イベント盛り上げ
 &質疑応答アプリ n  来場者の顔をスクリーンに表示、クリックすると通話 n  ハッカソンで半日で作った 13 SkyWay SkyWayで
 シグナリング カメラの映像を
 WebRTCで送信 HTML5 JUMBOTRON jt.skyway.io! URL
 is.gd/html5jt#0903! Wi-Fi TechLabPAAK
 recruit!!
  14. 14. Copyright © NTT Communications Corporation. All right reserved. Amazon Mayday 14 www.youtube.com/watch?v=X40j57v5g6I!
  15. 15. Copyright © NTT Communications Corporation. All right reserved. 楽天生命 ネット保険デスク 15 www.rakuten-life.co.jp/videochat/! !
  16. 16. Copyright © NTT Communications Corporation. All right reserved. MistCDN / フジテレビオンデマンド 16 fod.fujitv.co.jp/s/fodlabo/! n  著作権に配慮
  17. 17. Copyright © NTT Communications Corporation. All right reserved. V-Sido n  人型ロボットを制御するミドルウェア 17 ぶ し ど う www.asratec.co.jp/product/connect/webcon/!
  18. 18. Copyright © NTT Communications Corporation. All right reserved. BestieBox n  グループ向けコミュニケーションアプリの
 無料ビデオ通話機能に採用 18 506506.ntt.com/smp_ap/bestiebox/!
  19. 19. Copyright © NTT Communications Corporation. All right reserved. NAT越えが大変なんです 19 私のIPを教えて 1.2.3.4:56789
 デス NAT STUN NAT アリス ボブ
  20. 20. Copyright © NTT Communications Corporation. All right reserved. NAT越えが大変なんです 20 俺のIP何なん? 9.8.7.6:54321
 デス NAT STUN NAT アリス ボブ
  21. 21. Copyright © NTT Communications Corporation. All right reserved. NAT越えが大変なんです 21 私のIPをボブに
 伝えて アリスは
 1.2.3.4:56789
 デス NAT Signaling NAT アリス ボブ
  22. 22. Copyright © NTT Communications Corporation. All right reserved. NAT越えが大変なんです 22 NAT Signaling NAT アリス ボブ 俺のIPをアリス
 に教えたって ボブは
 9.8.7.6:54321
 デス
  23. 23. Copyright © NTT Communications Corporation. All right reserved. NAT越えが大変なんです 23 NAT Signaling NAT アリス ボブ UDPで
 繋ぐわ 来うへんな UDPデスカ
 しばらく穴を
 空けマスネ 不審なアク
 セスデス!
  24. 24. Copyright © NTT Communications Corporation. All right reserved. NAT越えが大変なんです 24 NAT Signaling NAT アリス ボブ NATに穴が
 開いたわ UDPで
 繋ぐで さっきの戻り
 デスネ UDPデスカ
 しばらく穴を
 空けマスネ
  25. 25. Copyright © NTT Communications Corporation. All right reserved. NAT越えが大変なんです 25 NAT Signaling NAT アリス ボブ もう一度
 送るわ NATに穴が
 開いたで さっきの戻り
 デスネ
  26. 26. Copyright © NTT Communications Corporation. All right reserved. NAT越えが大変なんです 26 厳しいNAT TURN 厳しいNAT アリス ボブ 代わりに
 ボブに
 届けて TCPで
 サーバに繋ぐ
 のデスネ よっこらショ
 忙しいデス TCPで
 サーバに繋ぐ
 のデスネ
  27. 27. Copyright © NTT Communications Corporation. All right reserved. やってられるか! 27
  28. 28. Copyright © NTT Communications Corporation. All right reserved. 便利なもの n  WebRTCプラットフォーム n  オープンソース n  商用ソフト 28
  29. 29. Copyright © NTT Communications Corporation. All right reserved. SkyWay n  WebRTCを利用するためのAPI群とSDKを提供。 n  日本語のドキュメントとフォーラム。 n  β版の間は無料。TURNも無料。 n  サーバはオープンソースのPeerJSの互換、Erlangで開発。 n  クライアントは、JavaScript、iOS、Androidに対応。 29 skyway.io
  30. 30. Copyright © NTT Communications Corporation. All right reserved. WebRTCを使って世界を変える サービスを一緒に作ろう! 30

×