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.1k
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
990
The Evolution of the "Web App" - FluentConf 2015
henrikjoreteg
6
1.1k
BackboneConf 2014
henrikjoreteg
3
440
A Single Page Story – http://ffconf.org/
henrikjoreteg
12
1.6k
I've seen the future
henrikjoreteg
1
180
EdgeConf 2013 - Realtime/WebRTC Intro Talk
henrikjoreteg
1
150
WebRTC - JSConf Brazil 2013
henrikjoreteg
10
1.2k
getUserMedia();
henrikjoreteg
1
170
The State of Realtime at &yet
henrikjoreteg
6
400
Other Decks in Technology
See All in Technology
The future we create with our own MVV
matsukurou
0
2k
Bring Your Own Container: When Containers Turn the Key to EDR Bypass/byoc-avtokyo2024
tkmru
0
840
Visual StudioとかIDE関連小ネタ話
kosmosebi
1
370
三菱電機で社内コミュニティを立ち上げた話
kurebayashi
1
350
あなたの人生も変わるかも?AWS認定2つで始まったウソみたいな話
iwamot
3
820
RubyでKubernetesプログラミング
sat
PRO
4
150
GoogleのAIエージェント論 Authors: Julia Wiesinger, Patrick Marlow and Vladimir Vuskovic
customercloud
PRO
0
110
20250116_JAWS_Osaka
takuyay0ne
2
190
チームが毎日小さな変化と適応を続けたら1年間でスケール可能なアジャイルチームができた話 / Building a Scalable Agile Team
kakehashi
2
220
AWSマルチアカウント統制環境のすゝめ / 20250115 Mitsutoshi Matsuo
shift_evolve
0
100
機械学習を「社会実装」するということ 2025年版 / Social Implementation of Machine Learning 2025 Version
moepy_stats
4
790
embedパッケージを深掘りする / Deep Dive into embed Package in Go
task4233
1
200
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
The Invisible Side of Design
smashingmag
299
50k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
The Pragmatic Product Professional
lauravandoore
32
6.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
Code Reviewing Like a Champion
maltzj
521
39k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.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