SlideShare a Scribd company logo
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)

PDF
The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web W...
PDF
Hacking with html5 video, rtc and shared web workers
PPTX
Html web rtc
PPTX
Html5 RTC - 1
PDF
Introduction to WebRTC
PDF
What is WebRTC and How does it work?
PDF
WebRTC for Beginners Webinar Slides
PDF
WebRTC ... GWT & in-browser computation
PDF
JooinK - DevFest Piemonte 2013
PDF
Slides for Web Archiving in the Heritage and Archive Sectors
PDF
WebRTC
PPTX
Webrtc and tokbox
PDF
WebRTC in IOT presented in KrankyGeek
PDF
Astricon 2014 - WebRTC - The Big Debate, I Say Shut Up and Build Something - ...
PDF
WebRTC: The Big Debate, Shut Up and Build Something
PDF
The State of WebRTC
PPTX
WebRTC Drivers & Opportunities for Telecom Service Providers
PDF
What is WebRTC? What can I do with it?
PDF
Torino js
PDF
Introduction to WebRTC on the Force.com Platform
The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web W...
Hacking with html5 video, rtc and shared web workers
Html web rtc
Html5 RTC - 1
Introduction to WebRTC
What is WebRTC and How does it work?
WebRTC for Beginners Webinar Slides
WebRTC ... GWT & in-browser computation
JooinK - DevFest Piemonte 2013
Slides for Web Archiving in the Heritage and Archive Sectors
WebRTC
Webrtc and tokbox
WebRTC in IOT presented in KrankyGeek
Astricon 2014 - WebRTC - The Big Debate, I Say Shut Up and Build Something - ...
WebRTC: The Big Debate, Shut Up and Build Something
The State of WebRTC
WebRTC Drivers & Opportunities for Telecom Service Providers
What is WebRTC? What can I do with it?
Torino js
Introduction to WebRTC on the Force.com Platform

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
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
cuic standard and advanced reporting.pdf
PDF
Electronic commerce courselecture one. Pdf
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
NewMind AI Weekly Chronicles - August'25-Week II
PDF
Approach and Philosophy of On baking technology
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Encapsulation theory and applications.pdf
PPTX
Spectroscopy.pptx food analysis technology
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Reach Out and Touch Someone: Haptics and Empathic Computing
cuic standard and advanced reporting.pdf
Electronic commerce courselecture one. Pdf
Diabetes mellitus diagnosis method based random forest with bat algorithm
A comparative analysis of optical character recognition models for extracting...
Network Security Unit 5.pdf for BCA BBA.
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
The Rise and Fall of 3GPP – Time for a Sabbatical?
Digital-Transformation-Roadmap-for-Companies.pptx
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Assigned Numbers - 2025 - Bluetooth® Document
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
NewMind AI Weekly Chronicles - August'25-Week II
Approach and Philosophy of On baking technology
Chapter 3 Spatial Domain Image Processing.pdf
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Encapsulation theory and applications.pdf
Spectroscopy.pptx food analysis technology

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