Download - WebRTC 101
![Page 1: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/1.jpg)
WEBRTC 101J A N O G U S R E G I O N A L M E E T I N G # 2
K E N S A K U KO M AT S U @ N T T C O M M U N I C AT I O N S
![Page 2: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/2.jpg)
INTRODUCE TO MYSELF• Name
– Kensaku Komatsu– Working at NTT Communications in Palo Alto office.
• Position– Technical manager of SkyWay– Web Application Evangelist of NTT communications
• Social– Google Developer Expert (HTML5)– Chairman of WebRTC conference in Japan
![Page 3: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/3.jpg)
RECENT ACTIVITY
https://webrtc-conference.com/
Teleco keynote speaker for WebRTC Global Summit in 2016
![Page 4: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/4.jpg)
AGENDA FOR TODAY
• What’s WebRTC?• What business innovation does it lead?• What technology does it involve?• What is the impact for us, network operator?
None commercial talk!
![Page 5: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/5.jpg)
INTORO.W H AT ’ S W E B RT C ?
![Page 6: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/6.jpg)
WEBRTC?
Web Real Time Communication
![Page 7: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/7.jpg)
ENABLER FOR VIDEO CONFWITHOUT PLUGIN
https://apprtc.appspot.com/
Not service,Just the API.
![Page 8: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/8.jpg)
IS WEBRTC HTML5?
•WebRTC is the API– in Open Web Platform APIs
http://www.slideshare.net/dynamis/toward-firefox-os
![Page 9: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/9.jpg)
HISTORY• 2011 : “Technology” was born
– Browser implementation– Webrtc.org– Considered as Hobby
• 2013 : “Business” Started– Native library for iOS / Android– Amazon mayday– AMEX– ...
• 2016 : “Early Majority” stagehttps://www.youtube.com/watch?v=Tdp3d6VwsAc
Happy 5 years!
![Page 10: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/10.jpg)
STATUS OF MARKET
http://www.businesswire.com/news/home/20160119005901/en/Technavio-Expects-Global-Web-Based-Real-Time-Communication
![Page 11: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/11.jpg)
IN JAPAN?
• 2013.10 : SkyWay– Communication PaaS– NTT Communications
• 2015.2 : 1st WebRTC Conference in Japan
– Business began• 2016 : Early Adapter
https://skyway.io
![Page 12: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/12.jpg)
BUSSINESSW H AT B U S I N E SS I N N OVAT I O ND O E S I T L E A D ?
![Page 13: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/13.jpg)
USE CASES
• Pure WebRTC– Conference/Chat pattern– Expert pattern
• PSTN/VoIP bridge– Cloud PBX– Cllick 2 call
• IoT
![Page 14: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/14.jpg)
USE CASES
• Pure WebRTC– Conference/Chat pattern– Expert pattern
• PSTN/VoIP bridge– Cloud PBX– Cllick 2 call
• IoT
![Page 15: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/15.jpg)
PURE WEBRTC:CONFERENCE/CHAT
PATTERN
https://www.flickr.com/photos/aehdeschaine/
![Page 16: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/16.jpg)
PURE WEBRTC:CONFERENCE/CHAT PATTERN (CONT.)
![Page 17: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/17.jpg)
PURE WEBRTC:CONFERENCE/CHAT PATTERN (CONT.)
https://www.messenger.com/ https://slack.com/
![Page 18: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/18.jpg)
PURE WEBRTC:EXPERT PATTERN
https://www.flickr.com/photos/sblackley/
![Page 19: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/19.jpg)
PURE WEBRTC:EXPERT PATTERN (CONT.)
ContactCenter etc.
Customer
![Page 20: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/20.jpg)
PURE WEBRTC:EXPERT PATTERN (CONT.)
https://cba-japan.com/cafex/?p=395https://www.youtube.com/watch?v=Tdp3d6VwsAc
![Page 21: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/21.jpg)
USE CASES
• Pure WebRTC– Conference/Chat pattern– Expert pattern
• PSTN/VoIP bridge– Cloud PBX– Cllick 2 call
• IoT
![Page 22: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/22.jpg)
PSTN/VOIP BRIDGE:CLOUD PBX
https://www.flickr.com/photos/sylvainkalache/
![Page 23: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/23.jpg)
PSTN/VOIP BRIDGE :CLOUD PBX (CONT.)
ContactCenter etc.
Customer
![Page 24: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/24.jpg)
PSTN/VOIP BRIDGE :CLOUD PBX (CONT.)
https://www.zendesk.com/voice/ https://www.twilio.com/customers/stories/homedepot
![Page 25: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/25.jpg)
PSTN/VOIP BRIDGE:CLICK 2 CALL
https://www.flickr.com/photos/avlxyz/
![Page 26: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/26.jpg)
PSTN/VOIP BRIDGE :CLICK 2 CALL (CONT.)
Retailer etc.
Customer
![Page 27: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/27.jpg)
PSTN/VOIP BRIDGE :CLICK 2 CALL (CONT.)
https://cba-japan.com/cafex/?p=395
![Page 28: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/28.jpg)
USE CASES
• Pure WebRTC– Conference/Chat pattern– Supervisor pattern
• PSTN/VoIP bridge– Cloud PBX– Cllick 2 call
• IoT
![Page 29: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/29.jpg)
IOT
https://www.flickr.com/photos/avlxyz/https://www.flickr.com/photos/plutor/
![Page 30: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/30.jpg)
IOT
Retailer etc.
Customer
![Page 31: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/31.jpg)
IOT (CONT.)
http://www.doublerobotics.com/https://www.withings.com/us/en/products/home/home-techno
![Page 32: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/32.jpg)
IOT (CONT.)
http://www.kmd.keio.ac.jp/en/information/2016/03/kmd-4.html
http://corp.asics.com/jp/press/article/2016-02-24
![Page 33: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/33.jpg)
TECHNOLOGYW H AT T E C H N O LO GY D O E S I T I N V O LV E ?
![Page 34: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/34.jpg)
DIFFERENCES
![Page 35: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/35.jpg)
DIFFERENCES (CONT.)• Improve real-time
– Low latency• Decrease cost
– Low server usage• Secure communication
– DLTS mandatary– A Study of WebRTC Security
![Page 36: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/36.jpg)
MINIMUM SYSTEM REQUIREMENTS• For P2P establishing
– Signaling server• For NAT traversal
– STUN server– TURN server
![Page 38: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/38.jpg)
ADVANTAGE?• Technical features
– no What’s new.
• Advangate– Everything is standardized !!
• Decrease the cost of development• Increase interoperability• Easy to deploy in multi-device environment
![Page 39: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/39.jpg)
IT WORKS ON
![Page 40: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/40.jpg)
STATUS FOR SAFARI
https://webkit.org/status/
![Page 41: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/41.jpg)
WILL BE MAJOR &
COMMODITY!
https://pixabay.com/en/users/jill111-334088/
![Page 42: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/42.jpg)
ONLY P2P?Recording
Mutiparty
Live splitting
![Page 43: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/43.jpg)
OPERATIONW H AT I S T H E I M PA C T F O R U S , N E T W O R K O P E R AT O R ?
![Page 44: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/44.jpg)
CURRENT TRAFFIC MODEL
North to South
![Page 45: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/45.jpg)
WITH WEBRTC
North to South
East and West
![Page 46: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/46.jpg)
TWO LAYER MODEL WILL BE APPLIED
North to South : Non real-time data
• Archive contents• Management data
East and West : Ralt-time data
• Audio / Video stream• Control stream
![Page 47: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/47.jpg)
HOW TO HANDLE EAST AND WEST?• Requirements
– High BW, Low latency and packet loss
• Methods– QoS control– Elastic Traffic Management
NFV+ SD-WANwill meet
![Page 48: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/48.jpg)
HOW TO HANDLE EAST AND WEST?(CONT.)
will meetIaaS / Fog Computing
+ NFV+ SD-WAN
![Page 49: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/49.jpg)
FROM NW OPERATOR PERSPECTIVE• Handle next flow for East and West
– Two layer model• Everything is on Software
– SaaS, Paas, IaaS, NFV, SD-WAN• Elastic operation with high scalability
![Page 50: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/50.jpg)
SUMMARY• What’s WebRTC?
– Just a feature, now in early majority stage.• What business innovation does it lead?
– Embedding real-time streaming feature on top of bunch of services.
• What technology does it involve?
– Protocol framework with existing technology under on going Standardization .
– Expectation : all major platform will support in the near future.• What is the impact for us, network operator?
– Brings us East and West flow– Elastic traffic management with all virtual systems
![Page 51: WebRTC 101](https://reader036.vdocuments.mx/reader036/viewer/2022081507/5875439e1a28abb8208b580f/html5/thumbnails/51.jpg)
THANKS!@komasshu
/kensaku.komatsu/in/kensaku-komatsu-6528333bSlideshare: /KensakuKOMATSU/eastandwest