The Formulartic Spectrum
summary
Records subway audio, decodes PCM with the Web Audio API, then maps PCM samples to pixels (mapping −1..1 to 0..255) to render a rainbow canvas that can reach ~300,000 pixels and occasionally freeze the browser. To simplify, the code averages samples into 16 beats and assigns seat colors to drive simple synth/strums. A physical metro‑card PCB with an ATmega328p plays the SD audio; flashing uses nodejs/AVR girl, playback works though volume and SPI streaming need tuning.
AI-written summary · about
chapters (9)
- 0:00Introduction and themes
- 1:32Early coding inspiration
- 3:09Finding signals in noise
- 5:28Visualizing audio data
- 7:37Subway sound project
- 11:41Audio to visual back to audio
- 14:12CSS art and collaboration
- 16:14Hardware integration
- 19:26Embracing messy code
related talks
30mThe Formulartic Spectrum
30mUsing a modern web to recreate 1980s horribly slow & loud loading screens
43mUsing a modern web to recreate 1980S horribly slow and loud loading screens
18mI Am Your Co-Pilot
36mUsing a Modern Web to Recreate 1980s Horribly Slow & Loud Loading Screens
44mBeats in the Browser - Coding Music with JavaScript
09mSynthesizing Video and Turning it into Music!
40mBeats in the Browser - Coding Music with JavaScript