Real time front-end alchemy

on YouTube ↗38m

" summary

Claim: browsers now encode audio and video natively so you can capture, process and save media without servers or plugins. Demos use MediaRecorder, webcam via getUserMedia, canvas captureStream for filtered video, and a mediaStreamAudioDestinationNode to record web‑audio effects. Tracks get combined into a new MediaStream and saved as blobs; photo‑booth, C64 shader and sample‑based instruments are demonstrable and performant. Support is available in Firefox and Chrome 57 (Canary) but demos sometimes crash and require bug reports or temporary workarounds.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 8:13getUserMedia screen and window sharing
3. 10:23canvas.captureStream
4. 13:44Web Audio's MediaStreamAudioDestinationNode

" related talks

• 17mThe future of communication on the webAdam Ullman · Decompress AU 2016
• 23mAudio and Video ManipulationDavit Davtyan · JS Conf Armenia 2021
• 12mGoing Live from your Browser without WebRTCMatt McClure · React Summit Remote Edition 2020
• 21mTake on me, web browsers!Eva Ferreira · Nordic.js 2019
• 55mReal Time DataScott Jensen · Edge Conference 2013 New York
• 01h 00mThe second keynoteChris Rogers · Web Audio Conference 2018
• 26mTake on me, web browsers!Eva Ferreira · NationJS Frontrunners 2019
• 14mWhat is Mozilla doing with Firefox?Nils Ohlmeier · Kranky Geek WebRTC Show 2015