The Web Can Do That Better!
My adventure with HTML5 Video,
WebRTC and Web Workers
Cristiano Betta
Smashing Borders, Oxford, 2014
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
Hard to make changes
Data lock-in
Network sensitive
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
We Can Do This Better
The Web Can Do This Better
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
RTCPeerConnection
Peer-to-Peer Data API
Peer-to-Peer DTMF
Peer-to-Server?
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
webrtc-experiment.com
RecordRTC.js
github.com/muaz-khan/WebRTC-Experiment/
tree/master/RecordRTC
RecordRTC is a server-less JavaScript
library can be used to record WebRTC audio/
video media streams. It supports cross-
browser audio/video recording
stream
<video> <audio>
video blob audio blob
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
video blob
audio blob
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
13mb for 30s!
30-90 seconds to upload
30 seconds of video
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
bgrins.github.io/videoconverter.js
!
webrtc-experiment.com/ffmpeg/merging-
wav-and-webm-into-mp4.html
www.w3.org/TR/mediastream-recording
Background Uploads
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
HTML Web Workers
Web Workers
Shared Web Workers
Web Workers Shared Web Workers
Separate Threads
Alive when referenced
Reference lost on navigation
Only 1 reference ever Many references
/recorder
background-upload.js
background-upload.js
github.com/broofa/node-uuid
stackoverflow.com/questions/13870853
/server
The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers
Was it worth it?
Chrome Only (for now)
Firefox Nightly now has
MediaStreamRecorder API
Client side conversion
Streaming vs Uploading
Real background uploads
It’s live!
battlehack.org/london
October 11-12

More Related Content

PPTX
IoT dla programistów
PDF
Real-Life Node.js Troubleshooting - Damian Schenkelman, Auth0
PDF
Are your v8 garbage collection logs speaking to you?Joyee Cheung -Alibaba Clo...
PDF
Aplicações realtime com gRPC
PDF
WebRTC and Janus intro for FOSS Stockholm January 2019
PPT
The future of server side JavaScript
PDF
Webrtc 동향과 이슈 2016.08
IoT dla programistów
Real-Life Node.js Troubleshooting - Damian Schenkelman, Auth0
Are your v8 garbage collection logs speaking to you?Joyee Cheung -Alibaba Clo...
Aplicações realtime com gRPC
WebRTC and Janus intro for FOSS Stockholm January 2019
The future of server side JavaScript
Webrtc 동향과 이슈 2016.08

What's hot (11)

PPTX
Implementation Lessons using WebRTC in Asterisk
PDF
Pound & Varnish - Cache e Balanceamento de Carga
PPTX
Open-Source Analytics Stack on MongoDB, with Schema, Pierre-Alain Jachiet and...
PDF
Rails 生態圈一覽
PDF
Talk@JanusCon2019: Janus, WebRTC and ML - Fantastic technologies and how to m...
PPTX
glTF Update with Tony Parisi WebGL Meetup August 2013
PPTX
How go makes us faster (May 2015)
PDF
Making CLIs with Node.js
PPTX
Rust programming-language
PDF
Debugging Effectively in the Cloud - Felipe Fidelix - Presentation at eZ Con...
PPTX
glTF and the WebGL Art Pipeline March 2015
Implementation Lessons using WebRTC in Asterisk
Pound & Varnish - Cache e Balanceamento de Carga
Open-Source Analytics Stack on MongoDB, with Schema, Pierre-Alain Jachiet and...
Rails 生態圈一覽
Talk@JanusCon2019: Janus, WebRTC and ML - Fantastic technologies and how to m...
glTF Update with Tony Parisi WebGL Meetup August 2013
How go makes us faster (May 2015)
Making CLIs with Node.js
Rust programming-language
Debugging Effectively in the Cloud - Felipe Fidelix - Presentation at eZ Con...
glTF and the WebGL Art Pipeline March 2015
Ad

Viewers also liked (20)

PDF
Kraken Front-Trends
PPTX
Mobile payments at Droidcon Eastern Europe
PPTX
PayPal's Private Cloud @ Scale
PDF
Death To Passwords Droid Edition
PPTX
Kraken
PPTX
Future Of Payments
PDF
Startup Highway Workshop
PPTX
Berlin Battle hack presentation
PDF
From Good To Great
PPTX
Battle Hack London Intro
PDF
Death To Passwords
PPTX
Reinvigorating Stagnant Innovation Through Your Developer Network
PDF
割り当てゲームの考察
PDF
周宏桥产品创新实战体系
PPTX
Keith hopper - General Assembly Product Roundtable
PPTX
EMC World 2016 - cnaITL.06 Containers are not Cloud Native
DOC
Planificación de programación i y ii 2014
PDF
Star 8-solar-tile-presentation
PPTX
Webinar hiring accelerators_november2013_slideshare
PDF
Your Health, Yourself
Kraken Front-Trends
Mobile payments at Droidcon Eastern Europe
PayPal's Private Cloud @ Scale
Death To Passwords Droid Edition
Kraken
Future Of Payments
Startup Highway Workshop
Berlin Battle hack presentation
From Good To Great
Battle Hack London Intro
Death To Passwords
Reinvigorating Stagnant Innovation Through Your Developer Network
割り当てゲームの考察
周宏桥产品创新实战体系
Keith hopper - General Assembly Product Roundtable
EMC World 2016 - cnaITL.06 Containers are not Cloud Native
Planificación de programación i y ii 2014
Star 8-solar-tile-presentation
Webinar hiring accelerators_november2013_slideshare
Your Health, Yourself
Ad

Similar to The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers (20)

PPTX
KazooCon 2014 - WebRTC
PDF
Scaling WebRTC deployments with multicast @ IETF 110 MBONED
PDF
WebRTC Reborn SignalConf 2016
PDF
Twilio Signal 2016 WebRTC Reborn
PPTX
Webrtc and tokbox
PPTX
2600hz WebRTC Meetup at WeWork, San Francisco, CA
PDF
WebRTC on Mobile
PDF
Astricon WebRTC Update
PDF
WebRTC standards update (Jul 2014)
PDF
WebRTC Standards from Tim Panton
PDF
[workshop] The Revolutionary WebRTC
PPTX
6 Months of WebRTC in 10 minutes
PDF
HTML5 Introduction
PDF
WebRTC eduCONF
PPTX
Web rtc 入門
PDF
WebRTC Standards Update (October 2014)
PDF
soft-shake.ch - Introduction to HTML5
PDF
HTML5 & Web Platform
PDF
WebRTC Videobroadcasting
KazooCon 2014 - WebRTC
Scaling WebRTC deployments with multicast @ IETF 110 MBONED
WebRTC Reborn SignalConf 2016
Twilio Signal 2016 WebRTC Reborn
Webrtc and tokbox
2600hz WebRTC Meetup at WeWork, San Francisco, CA
WebRTC on Mobile
Astricon WebRTC Update
WebRTC standards update (Jul 2014)
WebRTC Standards from Tim Panton
[workshop] The Revolutionary WebRTC
6 Months of WebRTC in 10 minutes
HTML5 Introduction
WebRTC eduCONF
Web rtc 入門
WebRTC Standards Update (October 2014)
soft-shake.ch - Introduction to HTML5
HTML5 & Web Platform
WebRTC Videobroadcasting

More from PayPal (18)

PDF
KrakenJS
PPTX
Authentication for Droids
PDF
Concrete indentity really getting to know your users
PDF
Online Identity: Getting to know your users
PDF
Open Identity - getting to know your users
PPTX
The Profitable Startup
PDF
Droidcon Paris: The new Android SDK
PDF
Hack & Tell
PDF
Payments for the REST of us
PDF
Droidcon DE 2013
PDF
SQLite
PDF
How PayPal uses Open Identity
PPTX
MWC Keynote
PPTX
AngularJS vs jQuery
PPTX
Seedhack 2013
PDF
PayPal Access GDG DevFest
PDF
Apps World London 2012
PDF
Adaptive Payments SDK - Magento Developers Paradise
KrakenJS
Authentication for Droids
Concrete indentity really getting to know your users
Online Identity: Getting to know your users
Open Identity - getting to know your users
The Profitable Startup
Droidcon Paris: The new Android SDK
Hack & Tell
Payments for the REST of us
Droidcon DE 2013
SQLite
How PayPal uses Open Identity
MWC Keynote
AngularJS vs jQuery
Seedhack 2013
PayPal Access GDG DevFest
Apps World London 2012
Adaptive Payments SDK - Magento Developers Paradise

Recently uploaded (20)

PDF
4 layer Arch & Reference Arch of IoT.pdf
PPTX
Custom Battery Pack Design Considerations for Performance and Safety
PDF
Flame analysis and combustion estimation using large language and vision assi...
PDF
Co-training pseudo-labeling for text classification with support vector machi...
PDF
Taming the Chaos: How to Turn Unstructured Data into Decisions
PDF
INTERSPEECH 2025 「Recent Advances and Future Directions in Voice Conversion」
DOCX
search engine optimization ppt fir known well about this
PDF
Enhancing plagiarism detection using data pre-processing and machine learning...
PPTX
Microsoft User Copilot Training Slide Deck
PDF
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
PDF
Improvisation in detection of pomegranate leaf disease using transfer learni...
PPTX
Internet of Everything -Basic concepts details
PDF
Lung cancer patients survival prediction using outlier detection and optimize...
PDF
The-2025-Engineering-Revolution-AI-Quality-and-DevOps-Convergence.pdf
PDF
CXOs-Are-you-still-doing-manual-DevOps-in-the-age-of-AI.pdf
PDF
Accessing-Finance-in-Jordan-MENA 2024 2025.pdf
PPTX
Module 1 Introduction to Web Programming .pptx
PDF
Transform-Your-Streaming-Platform-with-AI-Driven-Quality-Engineering.pdf
PDF
Comparative analysis of machine learning models for fake news detection in so...
PPTX
future_of_ai_comprehensive_20250822032121.pptx
4 layer Arch & Reference Arch of IoT.pdf
Custom Battery Pack Design Considerations for Performance and Safety
Flame analysis and combustion estimation using large language and vision assi...
Co-training pseudo-labeling for text classification with support vector machi...
Taming the Chaos: How to Turn Unstructured Data into Decisions
INTERSPEECH 2025 「Recent Advances and Future Directions in Voice Conversion」
search engine optimization ppt fir known well about this
Enhancing plagiarism detection using data pre-processing and machine learning...
Microsoft User Copilot Training Slide Deck
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
Improvisation in detection of pomegranate leaf disease using transfer learni...
Internet of Everything -Basic concepts details
Lung cancer patients survival prediction using outlier detection and optimize...
The-2025-Engineering-Revolution-AI-Quality-and-DevOps-Convergence.pdf
CXOs-Are-you-still-doing-manual-DevOps-in-the-age-of-AI.pdf
Accessing-Finance-in-Jordan-MENA 2024 2025.pdf
Module 1 Introduction to Web Programming .pptx
Transform-Your-Streaming-Platform-with-AI-Driven-Quality-Engineering.pdf
Comparative analysis of machine learning models for fake news detection in so...
future_of_ai_comprehensive_20250822032121.pptx

The web can do that better - My adventure with HTML5 Vide, WebRTC and Shared Workers