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.
But what about mobile Safari?
Bonus: Streaming
Stream Consumption
Protocols: HLS vs MPEG-DASH
Goals: Adaptive Bitrate, Smart Buffering
Stream Creation
Theoretically? yes.
Pracitcally? NO ๐
Web Video in 2020
By haydenbraxton
Web Video in 2020
- 320