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

63 HTML5 nwith html5j _

“WebRTC”

Web Technical Unit(skyway@ntt.com)

2016 3

WebRTC _“SkyWay” _ _

WebRTC _ w

“WebRTC Conference Japan”

WebRTC

WebRTC HTML5 1

HTML5o y WebRTC

HTML Web Platform(Tomoya Asai (dynamis))

WebRTC

Web RTC

Web RT C

Web Real Time Communication

IP _ ( | )y _

WebRTC

Web RTC

Web RT C

Web Real Time Communication

IP _ ( | )y _

Web Web

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

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

• _ _ C++ _ w y XWebRTC t p

Web WebRTC

× __ lP2P

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

Chromecast

Withings Home

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

Edge *2

Safari *1*3 *3

WebRTC

MaydayAmazon

Kindle Fire jl k

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

WebRTC

Facebook Facebook

Google Google

Skype for Web Microsoft

ChatWork Live ChatWork

7E 9 K KC

6 _ ri_

RRR E K E R *()- )-(/(. (-( I

WebRTC

ECCECC

oo w j Skype X

WebRTC

SkyWay Conference at

SkyWay

SkyWay SkyRTC by

m jWeb SaaS

Romo by

Tm t“ Xn

SkyWay

SkyWay Romo at

_ o X _ _ XWebRTC

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

youtu.be/oO-WjCKX9LY

SkyWay

at by with SFC

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

j _( )

SkyWay V-Sido OS by

SkyWay BestieBox by NTT _

SkyWay gaccatz by gacco

300 _ _

o n o t

SkyWay

× g _

SkyWay by NEXCO

_ j w Xvn _n

n _n P2Pn _

CEDEC 2014 o t n( )

wX w j p w

_ j w Xvn

n _n P2Pn _

_ _ _×__ pX

_ _ y Xw X X

_ VS ×_

_ _60fps

×_ wX X

_ j w Xvn _n

n _n P2Pn _

TCP UDP

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

TCP UDP

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

TCP VS UDP … _

TCP UDP

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

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

_ j w Xvn _n

n P2Pn _

The P2P Witch Hunt(Peer5 Blog)

_ VS P2P

p_ u j

w yj_ onn

o pjPeer to Peer(P2P)

_ o jo uj

NAT o_ o

_ j w Xvn _n

n _n P2P ”n _

P2P wu

n NAT (Network Address TranslationX _ )

n IP yn n _ IP p jn NAT P2P

NAT(Geek _ )

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

n w oICE3

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

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

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

_ j w Xvn _n

n _n P2Pn ”

o j _ _ p

→ .3 1P2P

1 _ _ u i oy o

WebRTC _

n WebRTCn c d c dn k j

n X kjk l jj?

WebRTC j 2

• X _n

1 FPS “Banana Bread”

BananaBread(Mozila)

2 PONG _ “Cube Slam”

Cube Slam(Google)

WebRTC j 2

• 3rd _ _ o o j

1 _ “ ”

2 FF14 “FF14 _ ”

FF14 _(FF14 tools)

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

The P2P Witch Hunt(Peer5 Blog)

_ j j t n w

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

WebRTC UDP

WebSocket

iPhone Android

+Wi-Fi LTEau

LTE LTE

1/60 (16 ) 64bytes

n WebRTC y mj UDP TCP !!

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 …n WebRTC UDP j

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

n i Web Xo m X

_ o jn j

n WebRTCo j

0 50 100

WebRTC

0 50 100

WebRTC

� LTE

(Android X ms)

� LTE

40% 35%

n WebRTC X _ Xo l

n w � X Xk

n Wi-Fi WebRTCo j

0 50 100

WebRTC

0 50 100

WebRTC

� +Wi-Fi� +Wi-Fi

(Android X ms)

n UDP � XWebRTC o

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

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

WebRTC _ ?

WebRTC u i

��# $)

�� JS API �� API

WebRTC #(��

��#(��

webRTC plugin

�,�-!��

!��#Android $)

Android��API ��API

Android SDK

!��#iOS $)

iOS ��API �� API

iOSSDK

!��#��$ $)

��$��API �� API

��$SDK

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

�� *�-"-

ICE�-"-

API�-"-

��-"-

�� -"-

%�� -"-

��-"-

��

+-��

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)

SkyWay _ o w j t

WebRTC j w o j

• DTLS• SRTP• SRTCP• SCTP• SDP• ICE• STUN• TURN

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

n _• VP8• VP9• H.264• Opus• iSAC• SVC

• Chrome• Firefox• Edge• Safari

• W3Cü WebRTC 1.0ü WebRTC NVü ORTC

• IETF• 3GPP

• libWebRTC• OpenWebRTC

WebRTC _

n SDK _ APIn WebRTC pn r k

• (Telefonica)

• NTT _o W

• & _• t

( i )• 3800+

•• API oX

WebRTC

SkyWay

/ wjy _ / X y

nttcom.github.io/skyway/

SkyWay _

200 oX n p

n o p X

* × wX y

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

SkyWaywXWebRTC n y X w p

APIBasic

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

Pro (Speech-to-Text) API

_ BasicAPI API _ / X × / X

WebRTC _ _wX WebRTC

tkjk p WebRTC j w

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

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

SkyWay j w

/wj y _ / X

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

Technology

Медиавозможности html5. webrtc

webrtc and emergency services

innovaphone webrtc

testing and packaging webrtc stack

webrtc in 2014

[1c2]webrtc 개발, 현재와...

インターネットプロトコルバージョン 6...

ラズパイでwebrtc ヾ(´∀｀)ﾉｷｬｯｷｬ ...

webrtc synopsis

presentación webrtc y lynckia

インターネットプロトコル

webrtc - uninett · work done by uninett utforske webrtc...

let's begin webrtc

webrtc meetup tokyo 1

webrtc base realtime communication solution...

webrtc 전망 최진호_webappscamp

webrtc by eyeball networks

webrtc on edge

getting started with webrtc

node.js with webrtc datachannel