React & Web Audio Api: Building a MIDI Interace
summary
Claims a working browser DAW: React components wrap the Web Audio API and the MIDI API to create oscillators, envelopes and an instrument that spawns and kills sound on key press and release. Demonstrates a midi->frequency helper, an onPress/onRelease binding and a tiny MIDI API bridge that strips noise so the keyboard maps cleanly. Shows dynamic game audio (Chrome Racer) and a Victor-style synth, links code at react midia on GitHub.
AI-written summary · about
chapters (22)
- 0:00Intro
- 1:01TRUNK CLUB
- 4:44SYNTHESIZER
- 6:17OSCILLATOR
- 6:57SINE WAVE
- 7:27SAWTOOTH WAVE
- 7:42SQUARE WAVE
- 7:54TUNING FORK
- 8:37ENVELOPE
- 10:16DIGITAL AUDIO WORKSTATION
- 10:54GLOBAL VARIABLES
- 13:17GAMING DX
- 14:11CHROME RACER
- 14:45PRODUCING
- 15:24PORTABILITY
- 16:13COLLABORATING
- 17:04WHAT IS MIDI?
- 19:31REACT?!
- 21:59MIDI API BRIDGE
- 22:38METHODS
- 25:15VIKTOR SYNTH
- 25:33MIDI SYNTH
