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

Copyright © NTT Communications Corporation. All right reserved.
63 HTML5 n
with html5j _
_
“WebRTC”
NTT _
Web Technical Unit
(skyway@ntt.com)
2016 3

2
n
WebRTC _
“SkyWay” _ _
n
WebRTC _ w
“WebRTC Conference Japan”
n

3Copyright © NTT Communications Corporation. All right reserved.
WebRTC

WebRTC HTML5 1
HTML5o y WebRTC
4
HTML Web Platform
(Tomoya Asai (dynamis))

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 WebRTC
2
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 X
WebRTC t p
10

Web r
.
Web WebRTC
× _
_ lP2P
_
w
×
_ _
11

_
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

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
Mayday
Amazon
Kindle Fire j
l k
14
n X
K ( -/ -C.5 RRR M E K E K

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

WebRTC
ECC
ECC
o
o w j Skype X
WebRTC
16
K E K

SkyWay Conference at
Web
17
SkyWay

SkyWay SkyRTC by
m j
Web SaaS
18

Romo by
Tm t“ X
n
19
SkyWay

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

2 3
_ y _
21
SkyWay
at
by
with SFC
KMD × o _ y _ w j w
( × )
j _
( )

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 Xv
n _
n
n _
n P2P
n _
28
CEDEC 2014 o t n
( )
wX w j p w

_ w
_ j w Xv
n
n
n _
n P2P
n _
29

_
_ _ _
×_
_ pX
y
30

_
_ _ _
×_
_ pX
y
31

×_
_ _ y X
w X X
32

_ VS ×_
_ _
60fps
o
o j
o
u
×_ w
X X
o j
r j
o
33

_ w
_ j w Xv
n _
n
n _
n P2P
n _
34

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

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

TCP VS UDP … _
TCP UDP
h /
hh
37

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

_ w
_ j w Xv
n _
n
n
n P2P
n _
39

_ P2P
40
The P2P Witch Hunt
(Peer5 Blog)

_ 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

_ w
_ j w Xv
n _
n
n _
n P2P ”
n _
42

P2P wu
n NAT (Network Address TranslationX _ )
n IP y
n n _ IP p j
n NAT P2P
43
NAT
(Geek _ )

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

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

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

_ w
_ j w Xv
n _
n
n _
n P2P
n ”
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 o
y o

WebRTC _

t
n WebRTC
n c d c d
n 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)

2 PONG _ “Cube Slam”
57
Cube Slam
(Google)

WebRTC j 2
n _
n
• 3rd _ _ o o j
58

1 _ “ ”
59

2 FF14 “FF14 _ ”
60
FF14 _
(FF14 tools)

× _
n
• u w j
• _ w j
• y o j
n
61
The P2P Witch Hunt
(Peer5 Blog)

_ j j t n w
62
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 LTE
au
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 jk
o m X _ _ oi )
n i Web X
o m X
_ o j
n 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 _ X
o l
n w X X
k
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 X
WebRTC o
78

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

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

WebRTC _ ?

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)

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

WebRTC _
n SDK _ API
n WebRTC p
n r k
84
• (
Telefonica)
• /
•
•
• NTT _
o W
• & _
• t
( i )
• 3800+
•
• API oX
WebRTC
• _

SkyWay
85
/ wj
y _ / X y
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

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

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

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

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

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

Similar to 究極のゲーム用通信プロトコル “WebRTC” (20)

More from Ryosuke Otsuya

More from Ryosuke Otsuya (13)

Recently uploaded

Recently uploaded (20)

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