50
Copyright © NTT Communications Corporation. All right reserved. 15HTML5+JS 勉強会 WebRTC+最新動向 ~本格的な普及が始まる前にマスターしておこう~ NTTコミュニケーションズ株式会社 技術開発部 Webコア Technical Unit 20157

WebRTC入門+最新動向

Embed Size (px)

Citation preview

  1. 1. Copyright NTT Communications Corporation. All right reserved. 15 HTML5+JS WebRTC+ ~~ NTT Web Technical Unit 20157
  2. 2. Copyright NTT Communications Corporation. All right reserved. / n NTT HTML5 n WebRTC SkyWay n WebRTC Conference Japan n 2
  3. 3. Copyright NTT Communications Corporation. All right reserved. n /WebRTC () ()? Web/ 3
  4. 4. Copyright NTT Communications Corporation. All right reserved. nWebRTC nWebRTC 4
  5. 5. 5Copyright NTT Communications Corporation. All right reserved. WebRTC
  6. 6. Copyright NTT Communications Corporation. All right reserved. 120 6 www.flickr.com/photos/mattb_tv/2550476978
  7. 7. Copyright NTT Communications Corporation. All right reserved. NapsterSkype 10 7 www.flickr.com/photos/132889348@N07/18410514419
  8. 8. Copyright NTT Communications Corporation. All right reserved. WebRTC 8 www.flickr.com/photos/tjflex/57210112
  9. 9. Copyright NTT Communications Corporation. All right reserved. HTML5 n WebRTCHTMLAPI1 9 www.slideshare.net/dynamis/html-2012
  10. 10. Copyright NTT Communications Corporation. All right reserved. 10
  11. 11. Copyright NTT Communications Corporation. All right reserved. Web n n n 11 Web WebRTC
  12. 12. Copyright NTT Communications Corporation. All right reserved. 1. l (LINESkype) WebRTC l 3 () (NAT) 2. l WebRTCURLWebRTC l C++ WebRTC 12
  13. 13. Copyright NTT Communications Corporation. All right reserved. n n IoT () n IT n Web (Skype) n Chromecast Withings Home
  14. 14. Copyright NTT Communications Corporation. All right reserved. WebRTC 14 *1: *2: 20157Windows 10 *3: EricssonTemasys WebRTC in WebKit OS Windows Mac Android iOS Chrome Firefox IE *1 Edge *2 Safari *1*3 *3
  15. 15. 15Copyright NTT Communications Corporation. All right reserved.
  16. 16. Copyright NTT Communications Corporation. All right reserved. n 16 Romo by Romotive www.romotive.jp 15,660 Double by Double Robotics www.doublerobotics.com $2,499
  17. 17. Copyright NTT Communications Corporation. All right reserved. n 2000(HTML Conference 2013) 150 17 SkyWay SkyWay WebRTC HTML5 JUMBOTRON jt.skyway.io
  18. 18. Copyright NTT Communications Corporation. All right reserved. n 2000(HTML Conference 2013) 150 18 SkyWay SkyWay WebRTC HTML5 JUMBOTRON jt.skyway.io Windows, Mac, Android Chrome, Firefox is.gd/html5jt#0730
  19. 19. 19Copyright NTT Communications Corporation. All right reserved. WebRTC www.slideshare.net/yusukenaka52/webrtcortc-50153479
  20. 20. Copyright NTT Communications Corporation. All right reserved. NAT 2020 NAT NAT STUN Signaling STUN WebRTC Cli WebRTC Cli ICE NAT STUN IP UDP NAT TURN NAT 89%TURN TURN
  21. 21. Copyright NTT Communications Corporation. All right reserved. UDP 21 NAT STUN NAT NAT Type
  22. 22. Copyright NTT Communications Corporation. All right reserved. UDP 22 IP 111.111.111.111 50000 NAT STUN NAT NAT Type
  23. 23. Copyright NTT Communications Corporation. All right reserved. UDP 23 IP 222.222.222.222 20000 NAT STUN NAT IP:111.111.111.111 PORT:10000 NAT Type
  24. 24. Copyright NTT Communications Corporation. All right reserved. UDP 24 NAT STUN NAT IP:111.111.111.111 PORT:10000 IP:222.222.222.222 PORT:20000 IPPORT NAT Type
  25. 25. Copyright NTT Communications Corporation. All right reserved. UDP 25 NAT STUN NAT IP:222.222.222.222 PORT:20000 IP:111.111.111.111 PORT:10000 NAT Type
  26. 26. Copyright NTT Communications Corporation. All right reserved. UDP 26 NAT STUN NAT IP:222.222.222.222 PORT:20000 IP:111.111.111.111 PORT:10000 NAT Type
  27. 27. Copyright NTT Communications Corporation. All right reserved. UDP 27 NAT STUN NAT IP:222.222.222.222 PORT:20000 IP:111.111.111.111 PORT:10000 NAT Type
  28. 28. Copyright NTT Communications Corporation. All right reserved. TURN 28 NATTURN NAT Type STUN STUN STUN STUN STUN STUN STUN TURN STUN STUN STUN TURN STUN TURN TURN TURN NAT Type http://www.slideshare.net/iwashi86/webrtcnat-a-talk-on-nat-behind-webrtc
  29. 29. Copyright NTT Communications Corporation. All right reserved. TURN 29 NAT TURN NAT IP:222.222.222.222 PORT:20000 IP:111.111.111.111 PORT:10000 TURN IP:11.11.11.11 PORT:443 IP:11.11.11.11 PORT:443 TCPTCP FW FW TCP443 P2P
  30. 30. Copyright NTT Communications Corporation. All right reserved. TURN 30 NAT TURN NAT IP:222.222.222.222 PORT:20000 IP:111.111.111.111 PORT:10000 IP:11.11.11.11 PORT:443 IP:11.11.11.11 PORT:443 Proxy Proxy Proxy
  31. 31. Copyright NTT Communications Corporation. All right reserved. 31 NAT NAT STUN Signaling STUN WebRTC Cli WebRTC Cli NAT SIP over WebSocket/XHR, XMPP over WebSocket/XHR, over WebSocket/XHR SDP
  32. 32. Copyright NTT Communications Corporation. All right reserved. n UDP 32 chimera.labs.oreilly.com/books/1230000000545/ch18.html#_real_time_network_transports
  33. 33. 33Copyright NTT Communications Corporation. All right reserved. WebRTC
  34. 34. Copyright NTT Communications Corporation. All right reserved. NAT NAT SkyWay 34 n NTT ComWebRTC n 2013125 n 2000 STUN API Signaling API STUN API Peer to Peer SkyWay
  35. 35. Copyright NTT Communications Corporation. All right reserved. SkyWay n 35 1. 4. () 3. () 2. 5. github.com/nttcom/peerjs/tree/master/examples/videochat
  36. 36. Copyright NTT Communications Corporation. All right reserved. SkyWay WebRTC 36 API Basic WebSocketHTTPP2P 2013/12 NAT STUN NATUDP NAT 2013/12 Pro TURN UDP 2015/01 SDK/ Basic JavaScript SDK WebSDK 2013/01 iOS/Android SDK iOS/Android SDK 2015/05 IE/Safari WebRTCIE/SafariSkyWay Temasys 2015/06 Pro (Speech-to-Text) 2015/06 2015/06 2015/06 Basic API API// TURN 2014/10 WebRTC WebRTC 2015/06
  37. 37. 37Copyright NTT Communications Corporation. All right reserved. WebRTC
  38. 38. Copyright NTT Communications Corporation. All right reserved. Amazon Mayday 38 www.youtube.com/watch?v=X40j57v5g6I
  39. 39. Copyright NTT Communications Corporation. All right reserved. 39 www.rakuten-life.co.jp/videochat/
  40. 40. Copyright NTT Communications Corporation. All right reserved. ChatWork Live 40 blog-ja.chatwork.com/2013/05/chatwork-live.html
  41. 41. Copyright NTT Communications Corporation. All right reserved. MistCDN / 41 fod.fujitv.co.jp/s/fodlabo/
  42. 42. Copyright NTT Communications Corporation. All right reserved. V-Sido n 42 www.asratec.co.jp/product/connect/webcon/
  43. 43. Copyright NTT Communications Corporation. All right reserved. Romo n 43 www.miraikan.jst.go.jp/event/1503241118096.html
  44. 44. Copyright NTT Communications Corporation. All right reserved. BestieBox n 44 506506.ntt.com/smp_ap/bestiebox/
  45. 45. 45Copyright NTT Communications Corporation. All right reserved. WebRTC
  46. 46. Copyright NTT Communications Corporation. All right reserved. ORTC / Object RTC n WebRTCRTC API n W3CORTC(Object Real-time Communications) Community Group 46 www.slideshare.net/yusukenaka52/webrtcortc-50153479
  47. 47. Copyright NTT Communications Corporation. All right reserved. IE / Microsoft Edge n Edge(getUserMedia API) ORTC n IE 47 dev.modern.ie/platform/status/
  48. 48. Copyright NTT Communications Corporation. All right reserved. Safari n EricssonTemasysWebKitWebRTC 48
  49. 49. 49Copyright NTT Communications Corporation. All right reserved.
  50. 50. Copyright NTT Communications Corporation. All right reserved. WebRTC 50