SlideShare a Scribd company logo
WebRTC For Beginners
Andrew Prokop
Director of Vertical Industries
2
Agenda
> What is WebRTC
> Uses
> Under the Covers
> Tools
> Issues
> What’s Next
3
What is WebRTC
> Web Real-Time Communications
> Plug-In Free
> Application Free
> Browser to Browser Media
– Voice
– Video
– Data
> A standard from W3C and IETF
4
Markets
> Healthcare
> Higher Education
> Customer Service
> Conferencing
> Social Media
> Customer Portals
> Etc.
5
Give Me a Few Reasons
> Viruses / Malware / Industrial Spying
– Growing reluctance to run plugins or new software
> Need for Rapid Development
> Embedded Communications
– Add communications to the tools and systems that require it
> The Internet of Things
6
A Few Real World Examples
> Unify Circuit
> MindMe
> LiveNinja Katana
> Cisco Spark
> WhatsApp (somewhat)
> Facebook Messenger (mobile version)
> OnSIP (hosted VoIP)
> Vidyo VidyoWorks
> Interactive Intelligence PureCloud
7
MindMe
http://www.nojitter.com/post/240171546/mindme-webrtc-for-the-greater-good
8
Click to Call
Amir Zmora
VP Alliances & Partnerships
AudioCodes
Mobile: +972-54-7769603
Call my Lync extension using WebRTC
9
The WebRTC Stack
WebRTC API
Identity
SDP
ICE / STUN / TURN
Security
Codecs
10
The Big Picture
11
The WebRTC API
> An Extension to HTML-5
– RTCRtpSender, RTCRtpReceiver, etc.
– Standalone and Embedded Web Browsers
> Standard Tools
– HTML for display
– JavaScript for WebRTC Objects
12
<!DOCTYPE html>
<html>
<head>
<title>My WebRTC application</title>
<style type="text/css">
div#lVideo {
width: 45%;
height: 200px;
background: black;
float: left;
}
</style>
<script type="text/javascript"src="myrtclib.js"></script>
<script type="text/javascript"src="myrtcadapter.js"></script>
</head>
<body onLoad="onPageLoad();">
HTML
13
WebRTC Signaling
Whatever you want it to be!
> WebSocket
> XHR / Comet
> XMPP / Jingle
> SIP via JsSIP
> Smoke Signals
Flexibility by design
14
Media
> Defined by Session Description Protocol (SDP)
– Just like SIP!
> Audio Codecs
– G.711 Narrowband Audio
> And possibly iLBC and iSAC
– Opus Wideband Audio
> Video Codecs
– H.264 and VP8 (headed towards VP9)
> Separate Point-to-Point Data Channel
15
Opus
> Bit-rates from 6 kb/s to 510 kb/s
> Sampling rates from 8 kHz (narrowband) to 48 kHz (fullband)
> Frame sizes from 2.5 ms to 60 ms
> Support for both constant bit-rate and variable bit-rate Audio
> Support for speech and music, mono and stereo
> Dynamically adjustable bitrate, audio bandwidth, and frame size
> Good loss robustness and packet loss concealment (PLC)
Ah, but what about firewalls and private
IP addresses?
17
STUN
18
TURN
19
Security
> Signaling
– DTLS (Datagram Transport Layer Security)
– Think HTTPS for UDP
> Media
– SRTP
20
Identity
Browser is configured with identity provider(s) for the user
> User “logs on” using protocol downloaded from identity provider
> Browser gets an assertion from identity provider that binds with DTLS
fingerprint to the identity such as aprokop@arrowsi.com
> The calling JavaScript passes the assertion to the far side
> The far side’s browser verifies the assertion with identity provider and checks
that DTLS fingerprint matches the assertion
> Browser displays “secure to aprokop@arrowsi.com”
21
Challenges
> WebRTC is still in flux
> No defined signaling protocol
> Not all parties are on board
– Apple and Microsoft still not fully onboard
– Microsoft has proposed competing/complimentary technology -- ORTC
22
Taming the Beast
> 99 (and counting) WebRTC SDKs and Toolkits
– 39 focused on mobile devices
– 34 focused on messaging
> 18 Open Source Projects
23
I
n
t
e
r
n
e
t
HTML 5
Consumer
Facing Web
Application
Make Call
SM SMSM
SM SM
SM
Breeze
Breeze
Breeze
Web
RTC
Media Services
(AMS)
SIP/H.323
Agent
STUN/
TURN
Avaya SBC-E
WebRTC
Agent
WebRTC
Media
Reverse
Proxy SIP
SIP
WebRTC Snap-In
STUN/
TURN
Avaya SBC-E
Customer
WebRTC
Media
24
AudioCodes WebRTC Gateway
Access SBC
Transcoding GW
(Optional)
SIP/WebSockets
ICE/DTLS
Opus/UDP/SRTP
25
What’s Next
> Specification will solidify
> Multiparty media
> Widespread IoT adoption
> Middleware (e.g. media stream recording)
> Better statistics and reporting
> ORTC and WebRTC will merge
> Apple will finally make up its mind
Questions

More Related Content

What's hot (20)

PDF
What's Next for WebRTC
Chad Hart
 
PPTX
Server-side WebRTC Infrastructure
Dialogic Inc.
 
PDF
WebRTC DataChannels demystified
Victor Pascual Ávila
 
PDF
WebRTC: A front-end perspective
shwetank
 
PPTX
WebRTC
Vijay Dhama
 
PPTX
NUBOMEDIA: an elastic Platform as a Service (PaaS) cloud for interactive soci...
Luis Lopez
 
PPTX
WebRTC overview
Rouyun Pan
 
PDF
WebRTC Timeline and Forecast
Tsahi Levent-levi
 
PDF
A jQuery for WebRTC
Thomas Gorissen
 
PDF
WebRTC Infrastructure the Hard Parts: Media
Dialogic Inc.
 
PDF
WebRTC in the Real World
Tsahi Levent-levi
 
PDF
WebRTC and Mobile Integration
Giorgio Natili
 
PPTX
WebRTC presentation
Veselin Pizurica
 
PPT
Beyond the MCU
Dialogic Inc.
 
PPTX
Could Iot be WebRTC's greatest source of innovation? (The IIT RTC Conference ...
Brian Pulito
 
PDF
WebRTC on Mobile Devices: Challenges and Opportunities
Vladimir Beloborodov
 
PDF
Baby Steps: A WebRTC Tutorial
Tsahi Levent-levi
 
PPTX
WebRTC: players, business models and implications for telecommunication carriers
Harry Behrens, PhD
 
PDF
WebRTC Tutorial by Dean Bubley of Disruptive Analysis & Tim Panton of Westhaw...
Dean Bubley
 
PDF
Value Added Services and WebRTC
Dialogic Inc.
 
What's Next for WebRTC
Chad Hart
 
Server-side WebRTC Infrastructure
Dialogic Inc.
 
WebRTC DataChannels demystified
Victor Pascual Ávila
 
WebRTC: A front-end perspective
shwetank
 
WebRTC
Vijay Dhama
 
NUBOMEDIA: an elastic Platform as a Service (PaaS) cloud for interactive soci...
Luis Lopez
 
WebRTC overview
Rouyun Pan
 
WebRTC Timeline and Forecast
Tsahi Levent-levi
 
A jQuery for WebRTC
Thomas Gorissen
 
WebRTC Infrastructure the Hard Parts: Media
Dialogic Inc.
 
WebRTC in the Real World
Tsahi Levent-levi
 
WebRTC and Mobile Integration
Giorgio Natili
 
WebRTC presentation
Veselin Pizurica
 
Beyond the MCU
Dialogic Inc.
 
Could Iot be WebRTC's greatest source of innovation? (The IIT RTC Conference ...
Brian Pulito
 
WebRTC on Mobile Devices: Challenges and Opportunities
Vladimir Beloborodov
 
Baby Steps: A WebRTC Tutorial
Tsahi Levent-levi
 
WebRTC: players, business models and implications for telecommunication carriers
Harry Behrens, PhD
 
WebRTC Tutorial by Dean Bubley of Disruptive Analysis & Tim Panton of Westhaw...
Dean Bubley
 
Value Added Services and WebRTC
Dialogic Inc.
 

Similar to WebRTC for Beginners Webinar Slides (20)

PDF
Kamailio World 2017: Getting Real with WebRTC
Chad Hart
 
PPTX
WebRTC Seminar Report
srinivasa teja
 
PDF
DevCon 5 (December 2013) - WebRTC & WebSockets
Crocodile WebRTC SDK and Cloud Signalling Network
 
PPT
SIPfoundry CoLab 2013 - WebRTC - A Communications Revolution
SIPfoundry
 
PDF
Pkewebrtc
Sandra Kuzkhan
 
PDF
Far South Networks Vision
Clarotech_Events
 
PPTX
WebRTC Transforming Communications
Christina Inge
 
PDF
[Wroclaw #4] WebRTC & security: 101
OWASP
 
PPTX
WebRCT
Mark Daniel Galvez
 
PDF
Asterisk World (January 2014) - Taking Enterprise Telephony into the Web World
Crocodile WebRTC SDK and Cloud Signalling Network
 
PPTX
WebRTC and Web Design
Christina Inge
 
PDF
Status of WebRTC across Asia by Alan Quayle +++
Alan Quayle
 
PDF
Realtime Communication With Webrtc Peertopeer In The Browser 1st Edition Salv...
heussijohnca
 
PDF
WebRTC - Bridging Web and SIP Worlds
IMTC
 
PPTX
Webrtc and tokbox
Muhammed YALÇIN
 
PDF
[workshop] The Revolutionary WebRTC
Giacomo Vacca
 
PDF
WebRTC standards update - November 2014
Victor Pascual Ávila
 
PPTX
Intro to WebRTC
Tharuka KasthuriArachchi
 
PDF
WebRTC Webinar and Q&A - IP Address Privacy and Microsoft Edge Interoperability
Amir Zmora
 
Kamailio World 2017: Getting Real with WebRTC
Chad Hart
 
WebRTC Seminar Report
srinivasa teja
 
DevCon 5 (December 2013) - WebRTC & WebSockets
Crocodile WebRTC SDK and Cloud Signalling Network
 
SIPfoundry CoLab 2013 - WebRTC - A Communications Revolution
SIPfoundry
 
Pkewebrtc
Sandra Kuzkhan
 
Far South Networks Vision
Clarotech_Events
 
WebRTC Transforming Communications
Christina Inge
 
[Wroclaw #4] WebRTC & security: 101
OWASP
 
Asterisk World (January 2014) - Taking Enterprise Telephony into the Web World
Crocodile WebRTC SDK and Cloud Signalling Network
 
WebRTC and Web Design
Christina Inge
 
Status of WebRTC across Asia by Alan Quayle +++
Alan Quayle
 
Realtime Communication With Webrtc Peertopeer In The Browser 1st Edition Salv...
heussijohnca
 
WebRTC - Bridging Web and SIP Worlds
IMTC
 
Webrtc and tokbox
Muhammed YALÇIN
 
[workshop] The Revolutionary WebRTC
Giacomo Vacca
 
WebRTC standards update - November 2014
Victor Pascual Ávila
 
Intro to WebRTC
Tharuka KasthuriArachchi
 
WebRTC Webinar and Q&A - IP Address Privacy and Microsoft Edge Interoperability
Amir Zmora
 
Ad

More from Arrow Systems Integration (6)

PDF
Arrow SI's December 2016 Instant Insight Webinar
Arrow Systems Integration
 
PDF
Avaya Aura 7.0 - What's New Webinar Slides
Arrow Systems Integration
 
PDF
Innovating with Unified Communication Webinar Slides
Arrow Systems Integration
 
PDF
Spring Cleaning: Getting the most out of your UC/CC System
Arrow Systems Integration
 
PDF
Cloud PBX with Office 365 Webinar Slides
Arrow Systems Integration
 
PDF
Avaya Security Certificates Webinar
Arrow Systems Integration
 
Arrow SI's December 2016 Instant Insight Webinar
Arrow Systems Integration
 
Avaya Aura 7.0 - What's New Webinar Slides
Arrow Systems Integration
 
Innovating with Unified Communication Webinar Slides
Arrow Systems Integration
 
Spring Cleaning: Getting the most out of your UC/CC System
Arrow Systems Integration
 
Cloud PBX with Office 365 Webinar Slides
Arrow Systems Integration
 
Avaya Security Certificates Webinar
Arrow Systems Integration
 
Ad

Recently uploaded (20)

PDF
Blockchain Transactions Explained For Everyone
CIFDAQ
 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
PDF
Ampere Offers Energy-Efficient Future For AI And Cloud
ShapeBlue
 
PPTX
Top iOS App Development Company in the USA for Innovative Apps
SynapseIndia
 
PDF
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
 
PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
PDF
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
PDF
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
PPTX
Building a Production-Ready Barts Health Secure Data Environment Tooling, Acc...
Barts Health
 
PDF
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
PDF
July Patch Tuesday
Ivanti
 
PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
PDF
Meetup Kickoff & Welcome - Rohit Yadav, CSIUG Chairman
ShapeBlue
 
PDF
Français Patch Tuesday - Juillet
Ivanti
 
PPTX
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
PDF
Apache CloudStack 201: Let's Design & Build an IaaS Cloud
ShapeBlue
 
PDF
Windsurf Meetup Ottawa 2025-07-12 - Planning Mode at Reliza.pdf
Pavel Shukhman
 
PDF
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
PDF
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
PDF
Rethinking Security Operations - SOC Evolution Journey.pdf
Haris Chughtai
 
Blockchain Transactions Explained For Everyone
CIFDAQ
 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
Ampere Offers Energy-Efficient Future For AI And Cloud
ShapeBlue
 
Top iOS App Development Company in the USA for Innovative Apps
SynapseIndia
 
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
Building a Production-Ready Barts Health Secure Data Environment Tooling, Acc...
Barts Health
 
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
July Patch Tuesday
Ivanti
 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
Meetup Kickoff & Welcome - Rohit Yadav, CSIUG Chairman
ShapeBlue
 
Français Patch Tuesday - Juillet
Ivanti
 
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
Apache CloudStack 201: Let's Design & Build an IaaS Cloud
ShapeBlue
 
Windsurf Meetup Ottawa 2025-07-12 - Planning Mode at Reliza.pdf
Pavel Shukhman
 
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
Rethinking Security Operations - SOC Evolution Journey.pdf
Haris Chughtai
 

WebRTC for Beginners Webinar Slides

  • 1. WebRTC For Beginners Andrew Prokop Director of Vertical Industries
  • 2. 2 Agenda > What is WebRTC > Uses > Under the Covers > Tools > Issues > What’s Next
  • 3. 3 What is WebRTC > Web Real-Time Communications > Plug-In Free > Application Free > Browser to Browser Media – Voice – Video – Data > A standard from W3C and IETF
  • 4. 4 Markets > Healthcare > Higher Education > Customer Service > Conferencing > Social Media > Customer Portals > Etc.
  • 5. 5 Give Me a Few Reasons > Viruses / Malware / Industrial Spying – Growing reluctance to run plugins or new software > Need for Rapid Development > Embedded Communications – Add communications to the tools and systems that require it > The Internet of Things
  • 6. 6 A Few Real World Examples > Unify Circuit > MindMe > LiveNinja Katana > Cisco Spark > WhatsApp (somewhat) > Facebook Messenger (mobile version) > OnSIP (hosted VoIP) > Vidyo VidyoWorks > Interactive Intelligence PureCloud
  • 8. 8 Click to Call Amir Zmora VP Alliances & Partnerships AudioCodes Mobile: +972-54-7769603 Call my Lync extension using WebRTC
  • 9. 9 The WebRTC Stack WebRTC API Identity SDP ICE / STUN / TURN Security Codecs
  • 11. 11 The WebRTC API > An Extension to HTML-5 – RTCRtpSender, RTCRtpReceiver, etc. – Standalone and Embedded Web Browsers > Standard Tools – HTML for display – JavaScript for WebRTC Objects
  • 12. 12 <!DOCTYPE html> <html> <head> <title>My WebRTC application</title> <style type="text/css"> div#lVideo { width: 45%; height: 200px; background: black; float: left; } </style> <script type="text/javascript"src="myrtclib.js"></script> <script type="text/javascript"src="myrtcadapter.js"></script> </head> <body onLoad="onPageLoad();"> HTML
  • 13. 13 WebRTC Signaling Whatever you want it to be! > WebSocket > XHR / Comet > XMPP / Jingle > SIP via JsSIP > Smoke Signals Flexibility by design
  • 14. 14 Media > Defined by Session Description Protocol (SDP) – Just like SIP! > Audio Codecs – G.711 Narrowband Audio > And possibly iLBC and iSAC – Opus Wideband Audio > Video Codecs – H.264 and VP8 (headed towards VP9) > Separate Point-to-Point Data Channel
  • 15. 15 Opus > Bit-rates from 6 kb/s to 510 kb/s > Sampling rates from 8 kHz (narrowband) to 48 kHz (fullband) > Frame sizes from 2.5 ms to 60 ms > Support for both constant bit-rate and variable bit-rate Audio > Support for speech and music, mono and stereo > Dynamically adjustable bitrate, audio bandwidth, and frame size > Good loss robustness and packet loss concealment (PLC)
  • 16. Ah, but what about firewalls and private IP addresses?
  • 19. 19 Security > Signaling – DTLS (Datagram Transport Layer Security) – Think HTTPS for UDP > Media – SRTP
  • 20. 20 Identity Browser is configured with identity provider(s) for the user > User “logs on” using protocol downloaded from identity provider > Browser gets an assertion from identity provider that binds with DTLS fingerprint to the identity such as [email protected] > The calling JavaScript passes the assertion to the far side > The far side’s browser verifies the assertion with identity provider and checks that DTLS fingerprint matches the assertion > Browser displays “secure to [email protected]
  • 21. 21 Challenges > WebRTC is still in flux > No defined signaling protocol > Not all parties are on board – Apple and Microsoft still not fully onboard – Microsoft has proposed competing/complimentary technology -- ORTC
  • 22. 22 Taming the Beast > 99 (and counting) WebRTC SDKs and Toolkits – 39 focused on mobile devices – 34 focused on messaging > 18 Open Source Projects
  • 23. 23 I n t e r n e t HTML 5 Consumer Facing Web Application Make Call SM SMSM SM SM SM Breeze Breeze Breeze Web RTC Media Services (AMS) SIP/H.323 Agent STUN/ TURN Avaya SBC-E WebRTC Agent WebRTC Media Reverse Proxy SIP SIP WebRTC Snap-In STUN/ TURN Avaya SBC-E Customer WebRTC Media
  • 24. 24 AudioCodes WebRTC Gateway Access SBC Transcoding GW (Optional) SIP/WebSockets ICE/DTLS Opus/UDP/SRTP
  • 25. 25 What’s Next > Specification will solidify > Multiparty media > Widespread IoT adoption > Middleware (e.g. media stream recording) > Better statistics and reporting > ORTC and WebRTC will merge > Apple will finally make up its mind