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.

究極のゲーム用通信プロトコル “WebRTC”

7,239 views

Published on

第63回 HTML5とか勉強会 with html5jゲーム部発足記念合同勉強会 の発表資料です。

Published in: Technology
  • You can ask here for a help. They helped me a lot an i`m highly satisfied with quality of work done. I can promise you 100% un-plagiarized text and good experts there. Use with pleasure! ⇒ www.WritePaper.info ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • God bless you Ted. You saved me tons of money. I almost went to bought an overpriced side table until I saw your plans. Thanks for all the great ideas. It's gonna keep me occupied for a long time :) ☞☞☞ https://t.cn/A62Ygslz
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Free Shed Plans, 12000 SHED PLANS. FREE SHED PLANS CLICK HERE ▲▲▲ https://t.cn/A62YdYfe
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Follow the link, new dating source: ❤❤❤ http://bit.ly/2Q98JRS ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Sex in your area is here: ❤❤❤ http://bit.ly/2Q98JRS ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

究極のゲーム用通信プロトコル “WebRTC”

  1. 1. Copyright © NTT Communications Corporation. All right reserved. 63 HTML5 n with html5j _ _ “WebRTC” NTT _ Web Technical Unit (skyway@ntt.com) 2016 3
  2. 2. Copyright © NTT Communications Corporation. All right reserved. 2 n WebRTC _ “SkyWay” _ _ n WebRTC _ w “WebRTC Conference Japan” n
  3. 3. 3Copyright © NTT Communications Corporation. All right reserved. WebRTC
  4. 4. Copyright © NTT Communications Corporation. All right reserved. WebRTC HTML5 1 HTML5o y WebRTC 4 HTML Web Platform (Tomoya Asai (dynamis))
  5. 5. Copyright © NTT Communications Corporation. All right reserved. WebRTC Web RTC Web RT C Web Real Time Communication IP _ ( | ) y _ 5
  6. 6. Copyright © NTT Communications Corporation. All right reserved. WebRTC Web RTC Web RT C Web Real Time Communication IP _ ( | ) y _ 6 Web Web
  7. 7. Copyright © NTT Communications Corporation. All right reserved. 1876 7 www.flickr.com/photos/mattb_tv/2550476978
  8. 8. Copyright © NTT Communications Corporation. All right reserved. 2000 Napster Skype 8 www.flickr.com/photos/132889348@N07/18410514419
  9. 9. Copyright © NTT Communications Corporation. All right reserved. 2011 WebRTC 2 9 www.flickr.com/photos/tjflex/57210112
  10. 10. Copyright © NTT Communications Corporation. All right reserved. r 1. • _ (LINEXSkype ) p j WebRTC _ • 4 IETF( ~ ) W3C( ) X X y _ (NAT ) l P2P y ( _ ) JavaScriptn y API 2. . • WebRTC URL y r XWebRTC w _ p • _ _ C++ _ w y X WebRTC t p 10
  11. 11. Copyright © NTT Communications Corporation. All right reserved. Web r . Web WebRTC × _ _ lP2P _ w × _ _ 11
  12. 12. Copyright © NTT Communications Corporation. All right reserved. _ 1. / / • ( XSkype ) k X w _ p • Facebook Messenger, ChatWork 2. • _ X _ p X 3. IT • y X _ o 4. IoT . • k w p WebRTC w ( ) 5. • WebRTC IP _ l X o Chromecast Withings Home 12
  13. 13. Copyright © NTT Communications Corporation. All right reserved. WebRTC )1 *1 *()- 0 a wX b 1 4ME K o T: 93 E : 6E sX : 6E o j t o n OS Windows Mac Android iOS Chrome Firefox IE *1 Edge *2 Safari *1*3 *3 13
  14. 14. Copyright © NTT Communications Corporation. All right reserved. WebRTC Mayday Amazon Kindle Fire j l k 14 n X K ( -/ -C.5 RRR M E K E K
  15. 15. Copyright © NTT Communications Corporation. All right reserved. WebRTC Facebook Facebook Google Google Skype for Web Microsoft ChatWork Live ChatWork 15 7E 9 K KC 6 _ ri _ RRR E K E R *()- )-(/(. (-( I
  16. 16. Copyright © NTT Communications Corporation. All right reserved. WebRTC ECC ECC o o w j Skype X WebRTC 16 K E K
  17. 17. Copyright © NTT Communications Corporation. All right reserved. SkyWay Conference at Web 17 SkyWay
  18. 18. Copyright © NTT Communications Corporation. All right reserved. SkyWay SkyRTC by m j Web SaaS 18
  19. 19. Copyright © NTT Communications Corporation. All right reserved. Romo by Tm t“ X n 19 SkyWay
  20. 20. Copyright © NTT Communications Corporation. All right reserved. SkyWay Romo at _ o X _ _ X WebRTC 20 WebRTC Conference Japan ROMO TSURISMO _ eROMO w w f ( yr _ ) youtu.be/OnNEZ975XWs youtu.be/oO-WjCKX9LY
  21. 21. Copyright © NTT Communications Corporation. All right reserved. 2 3 _ y _ 21 SkyWay at by with SFC KMD × o _ y _ w j w ( × ) j _ ( )
  22. 22. Copyright © NTT Communications Corporation. All right reserved. SkyWay V-Sido OS by y OS 22 w k
  23. 23. Copyright © NTT Communications Corporation. All right reserved. SkyWay BestieBox by NTT _ _ _ 23
  24. 24. Copyright © NTT Communications Corporation. All right reserved. SkyWay gaccatz by gacco 300 _ _ 24 o n o t
  25. 25. Copyright © NTT Communications Corporation. All right reserved. SkyWay × g _ 25
  26. 26. Copyright © NTT Communications Corporation. All right reserved. SkyWay by NEXCO _ 26
  27. 27. 27Copyright © NTT Communications Corporation. All right reserved. _ w
  28. 28. Copyright © NTT Communications Corporation. All right reserved. _ w _ j w Xv n _ n n _ n P2P n _ 28 CEDEC 2014 o t n ( ) wX w j p w
  29. 29. Copyright © NTT Communications Corporation. All right reserved. _ w _ j w Xv n n n _ n P2P n _ 29
  30. 30. Copyright © NTT Communications Corporation. All right reserved. _ _ _ _ ×_ _ pX y 30
  31. 31. Copyright © NTT Communications Corporation. All right reserved. _ _ _ _ ×_ _ pX y 31
  32. 32. Copyright © NTT Communications Corporation. All right reserved. ×_ _ _ y X w X X 32
  33. 33. Copyright © NTT Communications Corporation. All right reserved. _ VS ×_ _ _ 60fps o o j o u ×_ w X X o j r j o 33
  34. 34. Copyright © NTT Communications Corporation. All right reserved. _ w _ j w Xv n _ n n _ n P2P n _ 34
  35. 35. Copyright © NTT Communications Corporation. All right reserved. TCP UDP 35 TCP UDP j j ra 18 b _ _ ( BP )
  36. 36. Copyright © NTT Communications Corporation. All right reserved. TCP UDP 36 1 IT SE ul mp jIP _ 2 MAC _ ( BP )
  37. 37. Copyright © NTT Communications Corporation. All right reserved. TCP VS UDP … _ TCP UDP h / hh 37
  38. 38. Copyright © NTT Communications Corporation. All right reserved. k ” w … TCPs VS UDPs “TCP HTTP over TCP WebSocket over TCP “UDP WebRTC over UDP h hh h / 1 2 hh h h 2 3 hh h h 4 h hh hh hh hh P2P hh 38 1,2 WebRTC ON/OFF p 3 (LTEX _X Wi-FiX LANX LAN…) _ (NATX X _ ) p X 4 OSo w j X j yj o wX _ m o X
  39. 39. Copyright © NTT Communications Corporation. All right reserved. _ w _ j w Xv n _ n n n P2P n _ 39
  40. 40. Copyright © NTT Communications Corporation. All right reserved. _ P2P 40 The P2P Witch Hunt (Peer5 Blog)
  41. 41. Copyright © NTT Communications Corporation. All right reserved. _ VS P2P _ _ o y _ p _ u j w yj _ onn o pj Peer to Peer (P2P) o y _ o j o uj NAT o _ o X o 41
  42. 42. Copyright © NTT Communications Corporation. All right reserved. _ w _ j w Xv n _ n n _ n P2P ” n _ 42
  43. 43. Copyright © NTT Communications Corporation. All right reserved. P2P wu n NAT (Network Address TranslationX _ ) n IP y n n _ IP p j n NAT P2P 43 NAT (Geek _ )
  44. 44. Copyright © NTT Communications Corporation. All right reserved. NAT l n WebRTC X3 P2P 1. NATo j p P2P 2. NAToi p STUN1 / UDP _ 3. NATo j TURN2 n w oICE3 n uj 44 1 Session Traversal Utilities for NAT 2 Traversal Using Relay around NAT 3 Interactive Connectivity Establishment
  45. 45. Copyright © NTT Communications Corporation. All right reserved. UDP _ 45 Peer-to-Peer Communication Across Network Address Translators (Bryan Ford, Pyda Srisuresh, Dan Kegel)
  46. 46. Copyright © NTT Communications Corporation. All right reserved. TURN 46 WebRTC in the real world: STUN, TURN and signaling (HTML5 Rocks)
  47. 47. Copyright © NTT Communications Corporation. All right reserved. _ w _ j w Xv n _ n n _ n P2P n ” 47
  48. 48. Copyright © NTT Communications Corporation. All right reserved. _ y 2 n _ n 48
  49. 49. Copyright © NTT Communications Corporation. All right reserved. /PC _ l _ 49
  50. 50. Copyright © NTT Communications Corporation. All right reserved. /PC ! 1 1 _ l _ 50
  51. 51. Copyright © NTT Communications Corporation. All right reserved. /PC ! 1 1 o j _ _ p 51 1 → . 3 1P2P 1 _ _ u i o y o
  52. 52. 52Copyright © NTT Communications Corporation. All right reserved. WebRTC _
  53. 53. Copyright © NTT Communications Corporation. All right reserved. t n WebRTC n c d c d n k j n X kjk l jj? 53
  54. 54. Copyright © NTT Communications Corporation. All right reserved. WebRTC j 2 n _ n 54
  55. 55. Copyright © NTT Communications Corporation. All right reserved. WebRTC j 2 n • X _ n 55
  56. 56. Copyright © NTT Communications Corporation. All right reserved. 1 FPS “Banana Bread” 56 BananaBread (Mozila)
  57. 57. Copyright © NTT Communications Corporation. All right reserved. 2 PONG _ “Cube Slam” 57 Cube Slam (Google)
  58. 58. Copyright © NTT Communications Corporation. All right reserved. WebRTC j 2 n _ n • 3rd _ _ o o j 58
  59. 59. Copyright © NTT Communications Corporation. All right reserved. 1 _ “ ” 59
  60. 60. Copyright © NTT Communications Corporation. All right reserved. 2 FF14 “FF14 _ ” 60 FF14 _ (FF14 tools)
  61. 61. Copyright © NTT Communications Corporation. All right reserved. × _ n • u w j • _ w j • y o j n 61 The P2P Witch Hunt (Peer5 Blog)
  62. 62. Copyright © NTT Communications Corporation. All right reserved. _ j j t n w 62 http://www.slideshare.net/rotsuya/ss-58740441
  63. 63. Copyright © NTT Communications Corporation. All right reserved. _ _ 2 y 63
  64. 64. Copyright © NTT Communications Corporation. All right reserved. 4 64 P2P WebRTC UDP TCP WebSocket
  65. 65. Copyright © NTT Communications Corporation. All right reserved. 2 65
  66. 66. Copyright © NTT Communications Corporation. All right reserved. 3 66
  67. 67. Copyright © NTT Communications Corporation. All right reserved. 2 67 iPhone Android
  68. 68. Copyright © NTT Communications Corporation. All right reserved. 2 68
  69. 69. Copyright © NTT Communications Corporation. All right reserved. 4 69 +Wi-Fi LTE au LTE LTE
  70. 70. Copyright © NTT Communications Corporation. All right reserved. 4 70
  71. 71. Copyright © NTT Communications Corporation. All right reserved. _ _ 1 71 AWS _
  72. 72. Copyright © NTT Communications Corporation. All right reserved. _ 1 72 1/60 (16 ) 64bytes
  73. 73. Copyright © NTT Communications Corporation. All right reserved. _ n t n WebRTC y mj UDP TCP !! 73 WebRTC (P2P) UDP (S C) TCP (S C) LTE 50 70 110 LTE 60 62 100 +Wi-Fi 10 13 13 LTE 65 100 140 LTE 68 92 171 LTE 78 90 150 +Wi-Fi 19 62 106 (Android X ms)
  74. 74. Copyright © NTT Communications Corporation. All right reserved. _ n t n … n WebRTC UDP j (UDP XDTLS jk _ XSCTP jk o m X _ _ oi ) n i Web X o m X _ o j n j 74
  75. 75. Copyright © NTT Communications Corporation. All right reserved. _ n t n WebRTCo j 75 92 68 0 50 100 UDP WebRTC 70 50 0 50 100 UDP WebRTC LTE (Android X ms) LTE 40% 35%
  76. 76. Copyright © NTT Communications Corporation. All right reserved. _ n t n WebRTC X _ X o l n w X X k 76
  77. 77. Copyright © NTT Communications Corporation. All right reserved. _ n t n Wi-Fi WebRTCo j 77 13 10 0 50 100 UDP WebRTC 62 19 0 50 100 UDP WebRTC +Wi-Fi+Wi-Fi (Android X ms) 3.3 ( )
  78. 78. Copyright © NTT Communications Corporation. All right reserved. _ n t n UDP X WebRTC o 78
  79. 79. Copyright © NTT Communications Corporation. All right reserved. × _ n _ n • o • _ × _o • o uo (VRXFPS…) • w j 79
  80. 80. Copyright © NTT Communications Corporation. All right reserved. VR o 80 14 Upcoming Playstation VR Games In 2016 / 2017 (SKLLED)
  81. 81. 81Copyright © NTT Communications Corporation. All right reserved. WebRTC _ ?
  82. 82. Copyright © NTT Communications Corporation. All right reserved. WebRTC u i 82 JS API API WebRTC webRTC plugin Android Android API API Android SDK iOS iOS API API iOS SDK API API SDK … ICE API C F O WebRTC n • SDKX X (for JS, iOS, Android, Unity, Unreal Engine, IoT…) • (for IE, Safari) n _ • Signaling • STUN • TURN • SFU / MCU n • • Global Load Balance WebRTC _ 2015 y t (Dr. Alex Gouaillard)
  83. 83. Copyright © NTT Communications Corporation. All right reserved. SkyWay _ o w j t WebRTC j w o j n • DTLS • SRTP • SRTCP • SCTP • SDP • ICE • STUN • TURN 83 https://twitter.com/cohtan/status/709761814444138496 n _ • VP8 • VP9 • H.264 • Opus • iSAC • SVC n • Chrome • Firefox • Edge • Safari n • W3C ü WebRTC 1.0 ü WebRTC NV ü ORTC • IETF • 3GPP n • libWebRTC • OpenWebRTC
  84. 84. Copyright © NTT Communications Corporation. All right reserved. WebRTC _ n SDK _ API n WebRTC p n r k 84 • ( Telefonica) • / • • • NTT _ o W • & _ • t ( i ) • 3800+ • • API oX WebRTC • _
  85. 85. Copyright © NTT Communications Corporation. All right reserved. SkyWay 85 / wj y _ / X y nttcom.github.io/skyway/
  86. 86. Copyright © NTT Communications Corporation. All right reserved. SkyWay _ 200 oX n p ) _ y n o p X o u X * × wX y - y github.com/nttcom/peerjs/tree/master/examples/videochat 86
  87. 87. Copyright © NTT Communications Corporation. All right reserved. SkyWay wXWebRTC n y X w p API Basic P2P NAT l STUN NAT _ IP wX UDP _ NAT l Pro TURN UDP _ o y _ _ SDK/ Basic JavaScript SDK y Web rSDK iOS/Android SDK iOS/Android y rSDK IE/Safari WebRTC IE/Safari SkyWay y × y m Pro (Speech-to-Text) API _ Basic API API _ / X × / X TURN WebRTC _ _ wX WebRTC 87
  88. 88. 88Copyright © NTT Communications Corporation. All right reserved.
  89. 89. Copyright © NTT Communications Corporation. All right reserved. tkjk p WebRTC j w n • u w j • _ w j • y o j n • o • _ × _o • o uo (VRXFPS…) • w j 89
  90. 90. Copyright © NTT Communications Corporation. All right reserved. SkyWay j w 90 / wj y _ / X y w y

×