web-midi-drumkit
MIDI Input: [no connection]
Channel activity: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
This plays a 5-piece sampled drum kit triggered by notes on MIDI channel 10. You can trigger drum pads by clicking on them. The code is on GitHub.
Note Map
MIDI Note | Note Name | Drum Sound |
51 | D#3 | Ride Cymbal |
49 | C#3 | Crash Cymbal |
48 | C3 | Tom 1 (high) |
46 | A#2 | Hi-hat (open) |
45 | A2 | Tom 2 (low) |
43 | G2 | Tom 3 (floor) |
42 | F#2 | Hi-hat (closed) |
38 | D2 | Snare |
36 | C2 | Kick |
Troubleshooting checklist:
- Did you check your cables?
- Are you sending MIDI on channel 10?
- Are you sending notes in the right octave?
- Are you using Chrome?