DAN JENKINS
WebRTC
Reborn
Dan Jenkins
@dan_jenkins
Node.js Developer
Love Lego & Technic
General Geek
Founder of Nimble Ape Ltd
❤ open source
github.com/danjenkins
@dan_jenkins
Nimble Ape
nimblea.pe
dan@nimblea.pe
@nimbleapeltd
Node.js
Consulting
Microservices
Consulting
IoT
Consulting
WebRTC
Consulting
@dan_jenkins
WebRTC
Heard Of It?
Built Something?
Used It?
Appear.in
Hangout
Facebook
Messenger
Skype for Web
Amazon Mayday
instant.io
Talky.io
Screenhero
What Is WebRTC?
Web
Real
Time
Communication
Peer To Peer Technology
Media Channel
For Audio & Video
Data Channel
For Data
3 Core APIs
getUserMedia
RTCPeerConnection
RTCDataConnection
Peer To Peer
Communication
Signalling Server
Signalling Server
Signalling Server
2 Peers
3 Peers
(Mesh)
*N Peers
(Mesh)
Disclaimer: Not Recommended 100% Of The Time
No Plugins
Disclaimer: Extensions May Be Required
Opens The Door For Awesome
Demo…
bit.ly/1RWUPtW
Desktop Chrome, Opera, Firefox
Android Chrome, Firefox
Sorry, no iOS, IE or Edge
Volume Up To The Max!
Open Technology
Browsers, Mobiles
And Other Devices
Web Scale
Little Dependence
On Media Servers
Easier On The Wallet
Awesome Apps Are
Being Launched
HTTP://WWW.BEMYEYES.ORG/
TELEMINDME.COM
Mindme
HTTP://WWW.REALTIMECOMMUNICATIONSWORLD.COM/TOPICS/REALTIMECOMMUNICATIONSWORLD/ARTICLES/404891-WEBRTC-ENROLLED-SUICIDE-PREVENTION.HTM
Cystic Fibrosis
Telehealth In Australia
HTTP://WWW.WEBRTCWORLD.COM/TOPICS/WEBRTC-WORLD/ARTICLES/334242-AUSTRALIAN-CYSTIC-FIBROSIS-TELEHEALTH-PROJECT-RELIES-WEBRTC.HTM
Cancer Telehealth
In Texas
HTTPS://DEVELOPER.IBM.COM/BLUEMIX/2015/09/16/BLUEMIX-AND-TWILIO-AT-KRANKYGEEK-2015/
Developers Are
Building Apps That
Help Humanity
WebRTC
Reborn
A Brief History Of Time Webrtc…
It’s 4 Years Old!
You Always Mess
Up The First Child
We Messed Up.
At The Start,
Everyone Was So Excited!
Countless Talks At
Conferences
Look Ma, No Plugins!
“It’s Freaking Awesome!”
Developers Went
And Tried It
And Usually Failed
We Didn’t Tell
Developers About The
Complicated Stuff
Heard Of
STUN Or
TURN?
We Failed You.
But…
That’s All Changed
What’s Changed?
Strong Community
Three Google
Developer Experts
WebRTC Weekly
HTTPS://WEBRTCWEEKLY.COM/
WebRTC Hacks
HTTPS://WEBRTCHACKS.COM/
WebRTC Hacks Article Page Views
36,780
28,217
20,645
20,295
19,944
15,365
15,114
HTTPS://WEBRTCHACKS.COM/
Browser Support
Chrome On Desktop
Chrome On Android
Firefox
Opera On Desktop
Microsoft Edge
(ORTC)
Who’s Missing?
Safari
Desktop & Mobile
But…
There’s Hope!
Apple Put An
Engineer On The
WebRTC-In-Webkit
Project
And Contributed
To getUserMedia
This Is HUGE News!
But Wait..
There’s More.
This Is EVEN HUGER News!
Freaking Awesome… Right?
All Those Supported Browsers…
Their Support And
Progress Is Awesome
Move Fast.
Don’t Break Things.
And We Have Plugins
For IE And Safari
Temasys
Api & Browser
Status Check
iswebrtcreadyyet.com
Simple Signalling
You Need A
Signalling Server
Who Knew?!
It’s Not All
Peer To Peer
Open Source
Signalling Servers
socket.io P2P
HTTP://SOCKET.IO/BLOG/SOCKET-IO-P2P/
matrix.org
asterisk
signalmaster
HTTPS://GITHUB.COM/ANDYET/SIGNALMASTER
And many many others
Documentation!
https://github.com/webrtc
https://bitbucket.org/webrtc/codelab
https://github.com/muaz-khan
https://www.webrtc-
experiment.com
https://github.com/webrtc/samples
http://webrtc.github.io/samples/
g.co/webrtc
STUN & TURN
Servers
You Still Don’t Know
What They Do.
Do You?
STUN
SIRI, WHAT’S MY IP ADDRESS?
HERE’S YOUR ADDRESS:
RYERSON ENGINEERING BUILDING,
245 CHURCH STREET
TORONTO
CANADA
Siri Wouldn’t Make A Good STUN Server
TURN
(Media Relay)
More Choice
Docker Images
Don’t Forget!…
You Need To
Address A STUN
Server In Your App!
Google Give You Some!
STUN.L.GOOGLE.COM:19302
STUN1.L.GOOGLE.COM:19302
STUN2.L.GOOGLE.COM:19302
STUN3.L.GOOGLE.COM:19302
STUN4.L.GOOGLE.COM:19302
There Are Many Others!
Don’t Repeat History
Use A STUN Server!
Modules On npm
Many
Open Source
Wrappers
adapter.js
HTTPS://GITHUB.COM/WEBRTC/ADAPTER
PeerJS
HTTPS://GITHUB.COM/PEERS
easyRTC
HTTPS://GITHUB.COM/PRIOLOGIC/EASYRTC
SimpleWebRTC
HTTPS://SIMPLEWEBRTC.COM/
Many Many Others
PaaS
Use Them!
Xura … (Forge) … (Acision)
Kandy
Tokbox
Twilio
Respoke
Cisco … (Tropo)
Plus Many Others…
And Finally
Mobile…
Huge
Performance
Gains
5X Faster
Rendering
WWW.SLIDESHARE.NET/WEBRTCLIVE/KRANKY-GEEK-GOOGLE-TEAM
Huge Improvements In
GPU And CPU Usage…
Huge Impact On
Battery Usage
WWW.SLIDESHARE.NET/WEBRTCLIVE/KRANKY-GEEK-GOOGLE-TEAM
Audio
Improvements On
Android And Ios
WWW.SLIDESHARE.NET/WEBRTCLIVE/KRANKY-GEEK-GOOGLE-TEAM
Hardware Encoder
Support For Video
Android & iOS
WWW.SLIDESHARE.NET/WEBRTCLIVE/KRANKY-GEEK-GOOGLE-TEAM
Cordova iOS
Plugin
HTTPS://GITHUB.COM/EFACE2FACE/CORDOVA-PLUGIN-IOSRTC
Public Service
Announcement
Chrome Will Limit
WebRTC to Trusted
Origins
Localhost + HTTPS
(But not Self Signed Certs)
But LetsEncrypt
Is Coming
letsencrypt.org
Currently In
Private Beta
Public Beta Coming
December 3rd
Improvements Being
Delivered All The
Time
www.slideshare.net/webrtclive/
kranky-geek-google-team
https://youtu.be/HCE3S1E5UwY
I Could Go On For
Another Hour!
It’s Time To Give
WebRTC Another Go
Is WebRTC
Production Ready?
Heck Yes!
We Need You!
Go Use It!
Finally…
Nimble Ape Are Hiring
Real Time
Communications
Developers!
Thanks!
nimblea.pe
dan@nimblea.pe
@dan_jenkins
HTTPS://FLIC.KR/P/5NIWPA
HTTPS://FLIC.KR/P/QM4GV8
HTTPS://FLIC.KR/P/SSEIJN
HTTPS://FLIC.KR/P/JLCHJB
HTTPS://FLIC.KR/P/RWFRTY
HTTPS://FLIC.KR/P/VJUQAD
HTTPS://FLIC.KR/P/7QCDDW
HTTPS://FLIC.KR/P/7RAG5D
HTTPS://FLIC.KR/P/74YRXM
HTTP://IMGUR.COM/GALLERY/IWKAD22
HTTP://VIGNETTE1.WIKIA.NOCOOKIE.NET/MEMORYALPHA/IMAGES/3/35/
KIRK_FIRES_A_PHASER_RIFLE_AT_MITCHELL.JPG/REVISION/LATEST?
CB=20110406030833&PATH-PREFIX=EN

WebRTC Reborn - Full Stack Toronto