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
1k
The Evolution of the "Web App" - FluentConf 2015
henrikjoreteg
6
1.2k
BackboneConf 2014
henrikjoreteg
3
450
A Single Page Story – http://ffconf.org/
henrikjoreteg
12
1.6k
I've seen the future
henrikjoreteg
1
200
EdgeConf 2013 - Realtime/WebRTC Intro Talk
henrikjoreteg
1
170
WebRTC - JSConf Brazil 2013
henrikjoreteg
10
1.3k
getUserMedia();
henrikjoreteg
1
180
The State of Realtime at &yet
henrikjoreteg
6
420
Other Decks in Technology
See All in Technology
Contract One Dev Group 紹介資料
sansan33
PRO
0
6k
新卒から4年間、20年もののWebサービスと向き合って学んだソフトウェア考古学 - PHPカンファレンス新潟2025 / new graduate 4year software archeology
oguri
2
360
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
740
Introduction to Bill One Development Engineer
sansan33
PRO
0
240
Machine Intelligence for Vision, Language, and Actions
keio_smilab
PRO
0
500
障害を回避するHttpClient再入門 / Avoiding Failures HttpClient Reintroduction
uskey512
1
140
AIとSREの未来 / AI and SRE
ymotongpoo
2
1.3k
Redmineの意外と知らない便利機能 (Redmine 6.0対応版)
vividtone
0
1.2k
アプリケーションの中身が見える!Mackerel APMの全貌と展望 / Mackerel APMリリースパーティ
mackerelio
0
450
kintone開発組織のDevOpsへの移り変わりと実践
ueokande
1
130
エンジニアが組織に馴染むために勉強会を主催してチームの壁を越える
ohmori_yusuke
2
120
GitHub Coding Agent 概要
kkamegawa
1
1.7k
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
329
21k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.6k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
The Language of Interfaces
destraynor
158
25k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
620
YesSQL, Process and Tooling at Scale
rocio
172
14k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
106
19k
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