Rapidly Prototyping MIDI Controllers With Web MIDI
summary
A touch MIDI controller built with the Web MIDI API and the Web Pointer Events API sends three MIDI messages — pitch 0 and 1 mapped to normalized x and y, pitch 2 to pressure — using requestMIDIAccess, iterating outputs and a sendMidiMessage helper. The prototype runs in Chrome, fits in 15 lines of JavaScript, demos through a MIDI loopback showing live values (mouse clicks report ~50% pressure), and links to a working GitHub repo.
AI-written summary · about
chapters (6)
- 0:00Introduction
- 0:41Understanding MIDI
- 1:47Setting up MIDI access
- 3:03Building the controller
- 4:44Demo and application
- 6:02Conclusion and next steps
related talks
29mMIDI A New Dimension in Controlling Your Browser
20mLook What You MIDI Me Do!
23mLet's talk about MIDI
44mTiny Computers, JavaScript and MIDI
57mMake More Than Music with Tiny Computers, JavaScript and MIDI
30mSmartWeb 2016 - Ruth John
14mMusical Creativity in the Browser
26mLearning to Read Music with the Web MIDI API