Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Making WebRTC Awesome, CascadiaJS 2013
Search
Henrik Joreteg
November 14, 2013
Technology
9
2.2k
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
1k
The Evolution of the "Web App" - FluentConf 2015
henrikjoreteg
6
1.2k
BackboneConf 2014
henrikjoreteg
3
470
A Single Page Story – http://ffconf.org/
henrikjoreteg
12
1.6k
I've seen the future
henrikjoreteg
1
210
EdgeConf 2013 - Realtime/WebRTC Intro Talk
henrikjoreteg
1
200
WebRTC - JSConf Brazil 2013
henrikjoreteg
10
1.3k
getUserMedia();
henrikjoreteg
1
190
The State of Realtime at &yet
henrikjoreteg
6
420
Other Decks in Technology
See All in Technology
SOC2取得の全体像
shonansurvivors
1
390
Azure Well-Architected Framework入門
tomokusaba
1
310
英語は話せません!それでも海外チームと信頼関係を作るため、対話を重ねた2ヶ月間のまなび
niioka_97
0
120
Goに育てられ開発者向けセキュリティ事業を立ち上げた僕が今向き合う、AI × セキュリティの最前線 / Go Conference 2025
flatt_security
0
350
小学4年生夏休みの自由研究「ぼくと Copilot エージェント」
taichinakamura
0
210
Why Governance Matters: The Key to Reducing Risk Without Slowing Down
sarahjwells
0
110
Trust as Infrastructure
bcantrill
0
340
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
1
890
神回のメカニズムと再現方法/Mechanisms and Playbook for Kamikai scrumat2025
moriyuya
4
550
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
0
140
How to achieve interoperable digital identity across Asian countries
fujie
0
120
多様な事業ドメインのクリエイターへ 価値を届けるための営みについて
massyuu
1
280
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Optimizing for Happiness
mojombo
379
70k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Side Projects
sachag
455
43k
Code Reviewing Like a Champion
maltzj
525
40k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
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