Web Video in 2020 🎥
First stop: getUserMedia() 📹
MediaStream is the backbone of web video
But a MediaStream is not very useful on its own...
... a MediaStream is always an input to another browser API
Next up: WebRTC 📞
WebRTC: peer-to-peer browser connection to exchange, video, audio, or other abritrary data among users
Think Google Hangouts or Teams in the browser!
- You still need servers for some things
- Focus: quantity over quality
- Recording this video not trivial
The Heavyweight:
💪 MediaRecorder
MediaRecorder records the contents of a MediaStream into a "Blob"
Food for thought:
🍕 Progressive Video Upload
For technical details, see requestData and ondataavailable
MediaRecorder can give you the data as it's recorded, rather than waiting until the end to upload everything.