Syntax - Tasty Web Development Treats 876: MIDI & Music in the Browser
33 snips
Feb 12, 2025 Wes and Scott dive into the world of sound with the Web Audio and MIDI APIs, showcasing their power for music manipulation in the browser. They explore MIDI basics, creative coding projects, and audio sampling. The duo shares tips on building unique MIDI controllers and uses humor to highlight their programming misadventures. Collaborative MIDI workstations and innovative synth designs take center stage, revealing the exciting fusion of music and web technologies, along with hands-on projects for aspiring developers.
AI Snips
Chapters
Transcript
Episode notes
Bebot App Recreation
- Scott built the Bebot app with HTML, CSS, and JavaScript.
- It replicates the iPhone app's sound generation, going up and down scales.
DIY Synthesizer and Theremin
- Wes built a synthesizer using a projector and color beams to trigger MIDI notes.
- He also made a theremin using his webcam and video tracking.
MIDI Explained
- MIDI (Musical Instrument Digital Interface) allows electronic instruments to communicate with devices.
- MIDI messages are data, not audio waveforms, instructing actions like playing a note at a specific velocity.