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

Copyright © NTT Communications Corporation. All right reserved.

63 HTML5 nwith html5j _

_

“WebRTC”

NTT _

Web Technical Unit([email protected])

2016 3

Copyright © NTT Communications Corporation. All right reserved.2

n

WebRTC _“SkyWay” _ _

n

WebRTC _ w

“WebRTC Conference Japan”

n

http://nttcom.github.com/skyway/

http://webrtcconference.jp

3Copyright © NTT Communications Corporation. All right reserved.

WebRTC


WebRTC HTML5 1

HTML5o y WebRTC

4

HTML Web Platform(Tomoya Asai (dynamis))

http://www.slideshare.net/dynamis/html-web-platform

http://www.slideshare.net/dynamis/html-web-platform


WebRTC

Web RTC

Web RT C

Web Real Time Communication

IP _ ( | )y _

5


WebRTC

Web RTC

Web RT C

Web Real Time Communication

IP _ ( | )y _

6

Web Web


1876

7 www.flickr.com/photos/mattb_tv/2550476978


2000 Napster Skype

8 www.flickr.com/photos/132889348@N07/18410514419


2011 WebRTC2

9 www.flickr.com/photos/tjflex/57210112


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 XWebRTC t p

10


Web r

.

Web WebRTC

× __ lP2P

_ �

w

×

_ _

11


_

1. / /• ( XSkype ) k

X w _ p• Facebook Messenger, ChatWork

2.• _ X _

p X3. IT

• y X _ o4. IoT .

• k w pWebRTC w ( )

5.• WebRTC�IP _ l X

o

Chromecast

Withings Home

12


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


WebRTC

MaydayAmazon

Kindle Fire jl k

14

n X

K ( -/ -C.5 RRR M E K E K

https://youtu.be/X40j57v5g6I

http://www.rakuten-life.co.jp/videochat/


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

http://www.fujitv.co.jp/fujitv/news/pub_2015/s/150706-s050.html


WebRTC

ECCECC

oo w j Skype X

WebRTC

16

K E K

http://online.ecc.co.jp/


SkyWay Conference at

Web

17

SkyWay


SkyWay SkyRTC by

m jWeb SaaS

18


Romo by

Tm t“ Xn

19

SkyWay


SkyWay Romo at

_ o X _ _ XWebRTC

20

WebRTC Conference Japan ROMO TSURISMO _ eROMO w w f( yr _ ) youtu.be/OnNEZ975XWs

youtu.be/oO-WjCKX9LY

http://liginc.co.jp/web/programming/146725

https://youtu.be/oO-WjCKX9LY

https://youtu.be/OnNEZ975XWs


2 3

_ y _

21

SkyWay

at by with SFC

KMD × o _ y _ w j w( × )

j _( )

http://corp.asics.com/jp/press/article/2016-02-24

http://www.kmd.keio.ac.jp/jp/information/2016/03/kmd-4.html


SkyWay V-Sido OS by

y OS

22

w k


SkyWay BestieBox by NTT _

_ _

23


SkyWay gaccatz by gacco

300 _ _

24

o n o t


SkyWay

× g _

25


SkyWay by NEXCO

_

26


_ w


_ w

_ j w Xvn _n

n _n P2Pn _

28

CEDEC 2014 o t n( )

wX w j p w

http://www.gamer.ne.jp/news/201409120038/


_ w

_ j w Xvn

n

n _n P2Pn _

29


_

_ _ _×__ pX

y

30


_

_ _ _×__ pX

y

31


×_

_ _ y Xw X X

32


_ VS ×_

_ _60fps

oo j

ou

×_ wX X

o j

r jo

33


_ w

_ j w Xvn _n

n _n P2Pn _

34


TCP UDP

35

TCP UDP j j ra 18 b _ _( BP )

http://pc.nikkeibp.co.jp/article/NPC/20070130/260041/


TCP UDP

36

1 IT SE ul mp jIP _ 2 MAC _( BP )

http://itpro.nikkeibp.co.jp/members/NOS/ITBASIC/20020305/2/


TCP VS UDP … _

TCP UDP

h /

hh

37


k ” w … TCPs VS UDPs

“TCP HTTPover TCP

WebSocketover TCP

“UDP WebRTCover UDP

h hh h / 1

2 hhh h 2

3 hh hh 4 h hh

hh hh hh P2P hh

38

1,2 WebRTC ON/OFF p3 (LTEX _X Wi-FiX LANX LAN…) _

(NATX X _ ) p X4 OSo w j X j yj o wX

_ m o X


_ w

_ j w Xvn _n

n

n P2Pn _

39


_ P2P

40

The P2P Witch Hunt(Peer5 Blog)

http://blog.peer5.com/the-p2p-witch-hunt/


_ VS P2P

__

o y_

p_ u j

w yj_ onn

o pjPeer to Peer(P2P)

oy

_ o jo uj

NAT o_ o

X o

41


_ w

_ j w Xvn _n

n _n P2P ”n _

42


P2P wu

n NAT (Network Address TranslationX _ )

n IP yn n _ IP p jn NAT P2P

43

NAT(Geek _ )

http://www.geekpage.jp/technology/nat/whatis-nat.php


NAT l

n WebRTC X3 P2P1. NATo j p P2P2. NAToi p STUN1 / UDP _3. NATo j TURN2

n w oICE3

n uj

44

1 Session Traversal Utilities for NAT2 Traversal Using Relay around NAT3 Interactive Connectivity Establishment


UDP _

45

Peer-to-Peer Communication Across Network Address Translators(Bryan Ford, Pyda Srisuresh, Dan Kegel)

http://www.brynosaurus.com/pub/net/p2pnat/


TURN

46

WebRTC in the real world: STUN, TURN and signaling(HTML5 Rocks)

http://www.html5rocks.com/en/tutorials/webrtc/infrastructure/


_ w

_ j w Xvn _n

n _n P2Pn ”

47


_ y 2

n _n

48


/PC

_ l _

49


/PC

! 1 1

_ l _

50


/PC

! 1 1

o j _ _ p

51

1

→ .3 1P2P

1 _ _ u i oy o


WebRTC _


t

n WebRTCn c d c dn k j

n X kjk l jj?

53


WebRTC j 2

n _n

54


WebRTC j 2

n

• X _n

55


1 FPS “Banana Bread”

56

BananaBread(Mozila)

https://kripken.github.io/BananaBread/cube2/


2 PONG _ “Cube Slam”

57

Cube Slam(Google)

http://www.cubeslam.com/


WebRTC j 2

n _n

• 3rd _ _ o o j

58


1 _ “ ”

59

https://ikadenwa.ink/


2 FF14 “FF14 _ ”

60

FF14 _(FF14 tools)

https://ffxiv.phone.exdreams.net/


× _

n

• u w j• _ w j• y o j

n

61

The P2P Witch Hunt(Peer5 Blog)

http://blog.peer5.com/the-p2p-witch-hunt/


_ j j t n w

62

http://www.slideshare.net/rotsuya/ss-58740441

http://www.slideshare.net/rotsuya/ss-58740441


_

_ 2 y

63


4

64

P2P

WebRTC UDP

TCP

WebSocket


2

65


3

66


2

67

iPhone Android


2

68


4

69

+Wi-Fi LTEau

LTE LTE


4

70


_ _ 1

71

AWS _


_ 1

72

1/60 (16 ) 64bytes


_ 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)


_ n t

n …n WebRTC UDP j

(UDP XDTLS jk _ XSCTP jko m X _ _ oi )

n i Web Xo m X

_ o jn j

74


_ 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%


_ n t

n WebRTC X _ Xo l

n w � X Xk

76


_ 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

( )


_ n t

n UDP � XWebRTC o

78

�


× _

n _n

• o• _ × _o• o uo (VRXFPS…)• w j

79


VR o

80

14 Upcoming Playstation VR Games In 2016 / 2017 (SKLLED)

https://youtu.be/EuZdHTKzXa8


WebRTC _ ?


WebRTC u i

82

��# $)

�� JS API �� API

WebRTC #(��

��#(��

webRTC plugin

�,�-!��

!��#Android $)

Android��API ��API

Android SDK

!��#iOS $)

iOS ��API �� API

iOSSDK

!��#��$ $)

��$��API �� API

��$SDK

+-�"(,�,�… ��',��&)��

�� *�-"-

ICE�-"-

API�-"-

��-"-

�� -"-

%�� -"-

��-"-

��

C F O

+-��

WebRTCn

• 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)

http://www.slideshare.net/alexpiwi5/webrtc-status-and-what-to-expect-in-2015


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

https://twitter.com/cohtan/status/709761814444138496


WebRTC _

n SDK _ APIn WebRTC pn r k

84

• (Telefonica)

• /

•

•

• NTT _o W

• & _• t

( i )• 3800+

•• API oX

WebRTC

• _


SkyWay

85

/ wjy _ / X y

nttcom.github.io/skyway/

http://nttcom.github.io/skyway/


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

https://github.com/nttcom/peerjs/tree/master/examples/videochat


SkyWaywXWebRTC n y X w p

APIBasic

P2P

NATl

STUNNAT _ IP wXUDP _ NAT l

Pro TURNUDP _ 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

_ BasicAPI API _ / X × / X

TURN

WebRTC _ _wX WebRTC

87



tkjk p WebRTC j w

n

• u w j• _ w j• y o j

n

• o• _ × _o• o uo (VRXFPS…)• w j

89


SkyWay j w

90

/wj y _ / X

y w y

http://nttcom.github.io/skyway/

Technology

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