webrtc reborn hackference
TRANSCRIPT
DAN JENK INS
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
Node.js Consulting
Microservices Consulting
IoT Consulting
WebRTC Consulting
WebRTC
Heard Of It?
Built Something?
Used It?
Talky.io
Appear.in
Screenhero
Hangouts
Sharefest
Amazon Mayday
PeerCDN
instant.io
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
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.REALT IMECOMMUNIC AT IONS WORLD .COM/T OP ICS/REALT IMECOMMUNIC AT IONS WORLD/AR T ICLES/404891 - WEBR TC - ENROLLED -SU IC IDE -PREVENT ION .HTM
Cystic Fibrosis Telehealth In
Australia
HTTP ://WWW.WEBR TCWORLD .COM/T OP ICS/WEBR TC - WORLD/AR T ICLES/334242 - AUS TRAL IAN -CY S T IC - F IBROS IS - T E LEHEALTH -PROJECT -REL I ES - WEBR TC .HTM
Cancer Telehealth In Texas
HTTPS ://DEVELOPER . IBM .COM/BL UEMIX/2015/09/16/BL UEMIX - AND - T WIL IO - 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
Two Google Developer Experts In The Uk
WebRTC Weekly
HTTPS ://WEBR TCWEEKLY.COM/
WebRTC Hacks
HTTPS ://WEBR TCHACK S .COM/
WebRTC Hacks Article Page Views
36,780 28,217 20,645 20,295 19,944 15,365 15,114
HTTPS ://WEBR TCHACK S .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!
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 ://G I THUB .COM/ANDYET/S IGN ALMAS TER
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/
STUN & TURN Servers
You Still Don’t Know What They Do.
Do You?
STUNS IR I , WHAT ’S MY I P ADDRESS?
HERE ’S YOUR ADDRESS :
C AXT ON GATE 14 C ANNON S T B IRMINGHAM B2 5EP
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!S TUN . L .GOOGLE .COM:19302
S TUN1. L .GOOGLE .COM:19302
S TUN2 . L .GOOGLE .COM:19302
S TUN3 . L .GOOGLE .COM:19302
S TUN4 . 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 ://G I THUB .COM/WEBR TC/ADAPTER
PeerJS
HTTPS ://G I THUB .COM/PEERS
easyRTC
HTTPS ://G I THUB .COM/PR IOLOG IC/EAS YR TC
SimpleWebRTC
HTTPS ://S IMPLEWEBR TC .COM/
Many Many Others
PaaS
Use Them!
Forge (Acision) Kandy
Tokbox Twilio
Respoke Tropo (Now Cisco)
Plus Many Others…
And Finally Mobile…
Huge Performance Gains
5X Faster Rendering
WWW.SL IDESHARE .NET/WEBR TCL I VE/KRANKY -GEEK -GOOGLE - TEAM
Huge Improvements In GPU And CPU Usage…
Huge Impact On
Battery UsageWWW.SL IDESHARE .NET/WEBR TCL I VE/KRANKY -GEEK -GOOGLE - TEAM
Audio Improvements On Android And Ios
WWW.SL IDESHARE .NET/WEBR TCL I VE/KRANKY -GEEK -GOOGLE - TEAM
Hardware Encoder Support For Video
Android & iOSWWW.SL IDESHARE .NET/WEBR TCL I VE/KRANKY -GEEK -GOOGLE - TEAM
Cordova iOS Plugin
HTTPS ://G I THUB .COM/EFACE2FACE/CORDOVA -PL UG IN - IOSR TC
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…
We’re Hiring WebRTC Developers!
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