Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

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

7.080 visualizaciones

Publicado el

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

Publicado en: Tecnología
  • 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
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Free Shed Plans, 12000 SHED PLANS. FREE SHED PLANS CLICK HERE ▲▲▲ https://t.cn/A62YdYfe
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Follow the link, new dating source: ❤❤❤ http://bit.ly/2Q98JRS ❤❤❤
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Sex in your area is here: ❤❤❤ http://bit.ly/2Q98JRS ❤❤❤
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Get access to 16,000 woodworking plans, Download 50 FREE Plans... ●●● http://tinyurl.com/y3hc8gpw
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

究極のゲーム用通信プロトコル “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

×