The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta
-
Upload
codemotion -
Category
Technology
-
view
237 -
download
0
description
Transcript of The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta
![Page 1: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/1.jpg)
The Web Can Do That Better! Hacking with HTML5 Video, RTC
and Shared Web Workers
Cristiano Betta CodeMotion Rome, 2014
![Page 2: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/2.jpg)
Cristiano Betta CodeMotion Rome, 2014
Cristiano Betta @cbetta
![Page 3: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/3.jpg)
Cristiano Betta CodeMotion Rome, 2014
Cristiano Betta @cbetta Developer Advocate @ PayPal
![Page 4: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/4.jpg)
Cristiano Betta CodeMotion Rome, 2014
Cristiano Betta @cbetta Developer Advocate @ PayPal
Event organiser
![Page 5: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/5.jpg)
Cristiano Betta CodeMotion Rome, 2014
Cristiano Betta @cbetta Developer Advocate @ PayPal
Event organiser
Serial entrepreneur
![Page 6: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/6.jpg)
Cristiano Betta CodeMotion Rome, 2014
Cristiano Betta @cbetta Developer Advocate @ PayPal
Event organiser
Serial entrepreneur
50% Italian
![Page 7: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/7.jpg)
Cristiano Betta CodeMotion Rome, 2014
Cristiano Betta @cbetta Developer Advocate @ PayPal
Event organiser
Serial entrepreneur
50% Italian
100% Ferrari Lover
![Page 8: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/8.jpg)
Cristiano Betta CodeMotion Rome, 2014
Cristiano Betta @cbetta Developer Advocate @ PayPal
Event organiser
Serial entrepreneur
50% Italian
100% Ferrari Lover
0% Ferrari owner
![Page 9: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/9.jpg)
![Page 10: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/10.jpg)
![Page 11: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/11.jpg)
![Page 12: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/12.jpg)
![Page 13: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/13.jpg)
![Page 14: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/14.jpg)
15s
![Page 15: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/15.jpg)
![Page 16: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/16.jpg)
![Page 17: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/17.jpg)
![Page 18: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/18.jpg)
![Page 19: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/19.jpg)
![Page 20: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/20.jpg)
Complicated setup
![Page 21: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/21.jpg)
Complicated setup
Network sensitive
![Page 22: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/22.jpg)
Complicated setup
Network sensitive
Data lock-in
![Page 23: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/23.jpg)
![Page 24: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/24.jpg)
![Page 25: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/25.jpg)
![Page 26: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/26.jpg)
![Page 27: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/27.jpg)
![Page 28: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/28.jpg)
28s
![Page 29: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/29.jpg)
We Can Do This Better
![Page 30: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/30.jpg)
The Web Can Do This Better
![Page 31: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/31.jpg)
![Page 32: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/32.jpg)
![Page 33: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/33.jpg)
![Page 34: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/34.jpg)
![Page 35: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/35.jpg)
![Page 36: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/36.jpg)
![Page 37: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/37.jpg)
![Page 38: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/38.jpg)
RTCPeerConnection
![Page 39: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/39.jpg)
RTCPeerConnectionPeer-to-Peer Data API
![Page 40: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/40.jpg)
RTCPeerConnectionPeer-to-Peer Data APIPeer-to-Peer DTMF
![Page 41: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/41.jpg)
Peer-to-Server?
![Page 42: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/42.jpg)
WebSockets?
![Page 43: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/43.jpg)
WebSockets?
![Page 44: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/44.jpg)
![Page 45: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/45.jpg)
![Page 46: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/46.jpg)
![Page 47: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/47.jpg)
![Page 48: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/48.jpg)
![Page 49: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/49.jpg)
webrtc-experiment.com
![Page 50: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/50.jpg)
RecordRTC.js github.com/muaz-khan/WebRTC-Experiment/
tree/master/RecordRTC
![Page 51: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/51.jpg)
RecordRTC is a server-less JavaScript library can be used to record WebRTC audio/
video media streams. It supports cross-browser audio/video recording
![Page 52: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/52.jpg)
stream
![Page 53: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/53.jpg)
stream
![Page 54: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/54.jpg)
stream
<canvas>
![Page 55: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/55.jpg)
stream
<canvas> <audio>
![Page 56: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/56.jpg)
stream
<canvas> <audio>
video blob
![Page 57: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/57.jpg)
stream
<canvas> <audio>
video blob audio blob
![Page 58: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/58.jpg)
![Page 59: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/59.jpg)
video blob audio blob
![Page 60: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/60.jpg)
gif blob
![Page 61: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/61.jpg)
![Page 62: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/62.jpg)
![Page 63: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/63.jpg)
![Page 64: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/64.jpg)
![Page 65: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/65.jpg)
![Page 66: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/66.jpg)
+
![Page 67: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/67.jpg)
+
![Page 68: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/68.jpg)
![Page 69: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/69.jpg)
13mb for 30s!
![Page 70: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/70.jpg)
30-90 seconds to upload 30 seconds of video
![Page 71: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/71.jpg)
![Page 72: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/72.jpg)
![Page 73: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/73.jpg)
bgrins.github.io/videoconverter.js !
webrtc-experiment.com/ffmpeg/merging-wav-and-webm-into-mp4.html
![Page 74: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/74.jpg)
Background Uploads
![Page 75: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/75.jpg)
![Page 76: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/76.jpg)
HTML Web Workers
![Page 77: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/77.jpg)
Web Workers
![Page 78: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/78.jpg)
Shared Web Workers
![Page 79: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/79.jpg)
Web Workers Shared Web Workers
![Page 80: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/80.jpg)
Web Workers Shared Web Workers
Separate Threads
![Page 81: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/81.jpg)
Web Workers Shared Web Workers
Separate Threads
Alive when referenced
![Page 82: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/82.jpg)
Web Workers Shared Web Workers
Separate Threads
Alive when referenced
Reference lost on navigation
![Page 83: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/83.jpg)
Web Workers Shared Web Workers
Separate Threads
Alive when referenced
Reference lost on navigation
Separate references
![Page 84: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/84.jpg)
Web Workers Shared Web Workers
Separate Threads
Alive when referenced
Reference lost on navigation
Separate references Shared references
![Page 85: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/85.jpg)
Web Workers
![Page 86: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/86.jpg)
![Page 87: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/87.jpg)
![Page 88: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/88.jpg)
![Page 89: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/89.jpg)
![Page 90: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/90.jpg)
![Page 91: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/91.jpg)
Shared Web Workers
![Page 92: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/92.jpg)
![Page 93: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/93.jpg)
![Page 94: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/94.jpg)
![Page 95: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/95.jpg)
![Page 96: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/96.jpg)
![Page 97: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/97.jpg)
![Page 98: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/98.jpg)
![Page 99: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/99.jpg)
/recorder
![Page 100: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/100.jpg)
background-upload.js
![Page 101: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/101.jpg)
background-upload.js
![Page 102: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/102.jpg)
github.com/broofa/node-uuid
stackoverflow.com/questions/13870853
![Page 103: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/103.jpg)
/server
![Page 104: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/104.jpg)
![Page 105: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/105.jpg)
![Page 106: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/106.jpg)
Was it worth it?
![Page 107: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/107.jpg)
![Page 108: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/108.jpg)
![Page 109: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/109.jpg)
Chrome Only (for now)
![Page 110: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/110.jpg)
Client side conversion
![Page 111: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/111.jpg)
Firefox Nightly now has MediaStreamRecorder API
![Page 112: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/112.jpg)
www.w3.org/TR/mediastream-recording
![Page 113: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/113.jpg)
Streaming vs Uploading
![Page 114: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/114.jpg)
Real background uploads
![Page 115: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/115.jpg)
It’s live!
![Page 116: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/116.jpg)
![Page 117: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/117.jpg)
battlehack.orgIstanbul, Berlin, Warsaw,
London, Moscow
![Page 118: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/118.jpg)
![Page 119: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/119.jpg)
![Page 120: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/120.jpg)
@cbetta slideshare.net/paypal
![Page 121: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/121.jpg)
![Page 122: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/122.jpg)
![Page 123: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/123.jpg)
![Page 124: The web can be do that better: Hacking with HTML5 Video, RTC and Shared Web Workers - Betta](https://reader033.fdocuments.net/reader033/viewer/2022052410/5551472cb4c905c6268b4e4b/html5/thumbnails/124.jpg)