Signal Processing with JavaScript
summary
Demonstrates actual JavaScript signal processing: uses the Web Audio API and a ScriptProcessor node to read input/output buffers, implements a guitar-distortion effect that plays live, manipulates canvas pixels via getImageData and compresses images with run-length encoding achieving roughly 20% savings (video ~14–15%), implements chroma-key and motion-delta updates to send only changed pixels, tracks a colored point and sends commands over socket.io to an Arduino to move a servo, and builds a browser-based theremin from a distance sensor — most demos run with occasional hardware hiccups.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:10Signal processing basics
- 3:40Web Audio API effects
- 8:32Image manipulation
- 13:27Video compression
- 19:03Color detection
- 22:33Theremin and Arduino demo
- 27:15Conclusion and call to action
related talks
44mBeats in the Browser - Coding Music with JavaScript
50mJavaScript for Artists
40mLiveJS: Making Music with JavaScript
18mExploring alternative interactions in JavaScript
31mHow I built my own music performance software in JavaScript
40mBeats in the Browser: Coding Music withJavaScript
23mAudio and Video Manipulation
40mBeats in the Browser - Coding Music with JavaScript