Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Making WebRTC Awesome, CascadiaJS 2013
Henrik Joreteg
November 14, 2013
Technology
9
1.9k
Making WebRTC Awesome, CascadiaJS 2013
Henrik Joreteg
November 14, 2013
Tweet
Share
More Decks by Henrik Joreteg
See All by Henrik Joreteg
SeattleJS May 14, 2015
henrikjoreteg
1
760
The Evolution of the "Web App" - FluentConf 2015
henrikjoreteg
6
980
BackboneConf 2014
henrikjoreteg
3
410
A Single Page Story – http://ffconf.org/
henrikjoreteg
12
1.3k
I've seen the future
henrikjoreteg
1
170
EdgeConf 2013 - Realtime/WebRTC Intro Talk
henrikjoreteg
1
120
WebRTC - JSConf Brazil 2013
henrikjoreteg
10
900
getUserMedia();
henrikjoreteg
1
150
The State of Realtime at &yet
henrikjoreteg
6
380
Other Decks in Technology
See All in Technology
- Rでオブジェクト指向プログラミング- クラス設計入門の入門
kotatyamtema
1
690
目指せCoverage100%! AutoScale環境におけるSavings Plans購入戦略 / JAWS-UG_SRE_Coverage
taishin
0
340
Optimizing your Swift code
kateinoigakukun
0
1.3k
PCL (Point Cloud Library)の基本となぜ点群処理か_2023年_第2版.pdf
cvmlexpertguide
0
130
Kubernetes_EKSに入門してみる
toru_kubota
0
230
それでもどうしてRecoilを使うのか / Harajuku.ts Meetup Recoil
okunokentaro
13
3.6k
Dev Containers ことはじめ - 失敗から学ぶ開発環境運用法
streamwest1629
0
280
lt53
98_justdoit
0
110
20230121_BuriKaigi
oyakata2438
0
150
オンプレk8sとEKSの並行運用の実際
ch1aki
0
150
LINE iOSエンジニアの日々 / LINE iOS Engineer Days
line_developers
PRO
1
130
アムロは成長しているのか AIから分析する
miyakemito
1
340
Featured
See All Featured
BBQ
matthewcrist
75
8.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
31
20k
Debugging Ruby Performance
tmm1
67
11k
Building Better People: How to give real-time feedback that sticks.
wjessup
346
17k
5 minutes of I Can Smell Your CMS
philhawksworth
198
18k
jQuery: Nuts, Bolts and Bling
dougneiner
57
6.6k
Designing with Data
zakiwarfel
91
4.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
6
830
Rebuilding a faster, lazier Slack
samanthasiow
69
7.5k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
22
1.7k
Web Components: a chance to create the future
zenorocha
304
40k
The Power of CSS Pseudo Elements
geoffreycrofte
52
4.3k
Transcript
Making WebRTC Awesome CascadiaJS 2013 @HenrikJoreteg
WHAT DOES WebRTC MAKE YOU THINK OF?
Hype? Is it ready to use? Websockets re-invented What’s the
big deal?
Making animated GIFs! http://chat.meatspac.es
So what’s the big deal? it’s just another new web
technology.
TypedArray Expo 2013!
FlexBox Expo 2013!
NOPE
THIS IS AN ACTUAL THING: WebRTCExpo.com
CLEARLY SOMETHING UNIQUE IS GOING ON HERE
LET’S SORT THIS OUT
WHAT IS WEBRTC REALLY?
new RTCPeerConnection();
new RTCPeerConnection();
WebSockets SERVER CLIENT
WebRTC PEER PEER
low-latency peer-to-peer networking in the browser
WHY WOULD YOU CARE?
BUILD COOL SH!T
WHAT CAN YOU DO?
AUDIO / VIDEO
BUILD YOUR OWN TELECOM WITH JAVASCRIPT
SUPER INEXPENSIVE
PICTURE OF KIDS Talky.io
talky.io/{{ insert anything }}
None
None
~7,000k Video Calls Connected/Week
REAL
NOW
VIDEO or AUDIO or BOTH + SCREENSHARING*
WHAT ELSE?
SURVEILLANCE SYSTEMS BABY MONITORS CONTROL ELECTRON MICROSCOPE INTERCOM SYSTEMS ALWAYS-ON
OFFICE PORTALS DISTRIBUTED TEAM COLLABORATION PEER-REPLICATED BROADCASTING PIRATE RADIO
P.S. THE QUALITY IS IMPRESSIVE
DATA CHANNELS!
HALF-BAKED BUT AMAZING
WHAT CAN YOU DO?
File Transfer?
YEP: https://www.sharefest.me/
WEB-BASED BIT TORRENT?
YEP: https://github.com/feross/webtorrent
PEER-SEEDED CDN?
YEP: https://peercdn.com/
MULTI-PLAYER WEBGL GAMES?
YEP: https://hacks.mozilla.org/2013/03/webrtc-data-channels-for-great-multiplayer/
{{ YOUR IDEA }}
andyet.com
BUILDING SOFTWARE WE BELIEVE SHOULD EXIST
XMPP: FEDERATED COMMUNICATION
PHONE SYSTEMS ARE FEDERATED
WHO ARE THE NEXT GENERATION OF TELECOMS?
FACEBOOK GOOGLE MICROSOFT APPLE
FB MESSENGER HANGOUTS SKYPE FACETIME
FACETIME VOICE? LOLz!
NONE OF THEM FEDERATE WITH EACH OTHER
WEB-BASED FEDERATED ALTERNATIVE? WEBRTC + XMPP + JINGLE
None
https://otalk.im
Stanza.io https://github.com/legastero/stanza.io ! Jingle.js https://github.com/legastero/jingle.js
WEBRTC IS HERE
WebRTC needs more Open Web hackers
Tinkerability
DOM WebSockets hardware WebRTC jQuery socket.io Arduino SimpleWebRTC
SimpleWebRTC var webrtc = new SimpleWebRTC({! localVideoEl: 'localVideo',! remoteVideosEl: 'remotesVideos',!
autoRequestMedia: true! });! ! webrtc.on('readyToCall', function () {! webrtc.joinRoom('room name');! });!
SimpleWebRTC.com
PeerJS OpenTok RTCMultiConnection (https://www.webrtc-experiment.com)
feedback file bugs improve APIs push for interoperability
IsWebRTCReadyYet.com
CRAZY FAST PROGRESS
NOV. 2011 FIRST HEARD OF WEBRTC FROM CHRIS BLIZZARD AT
FIRST REALTIME CONF
JAN. 2012 FEASIBILITY INQUIRY FROM WORKFACE
JUNE 2012 INTERNAL DEMO FOR AT&T
JAN. 2013 att.js at CES
TODAY 1,000,000,000 WebRTC Capable Browsers
IN LESS THAN 5 YEARS WEBRTC WILL BE THE #1
WAY PEOPLE MAKE VOICE CALLS
THANKS! @HenrikJoreteg