GROOVESTEPS / FIELD NOTES / UPDATED 2026-10-18
Connect an electronic drum kit
Bring your own kit into the practice room. GrooveSteps uses Web MIDI to turn electronic drum-pad messages into browser sounds and lesson hits. You can also practise with keyboard and touch.
How do I connect my electronic drum kit?
Connect the drum module to your computer with a USB data cable, power it on and select its USB MIDI mode if required. Open GrooveSteps over HTTPS in a browser that supports Web MIDI. In the drum trainer or a scored lesson, open Connect your drum kit, select Connect MIDI, allow the browser's MIDI request and choose the module in MIDI input. Hit a pad and check the input monitor before starting a lesson.
Which browsers and drum kits can connect?
The connection panel checks whether your current browser exposes Web MIDI. Current desktop Chrome and Edge are practical starting points; browser support, operating-system drivers, adapters and device permissions vary. Firefox also implements Web MIDI with its own permission flow. Do not assume that installing another browser on a phone adds MIDI support. A USB MIDI module or MIDI-to-USB interface is required; an audio-only USB connection does not transmit pad notes. GrooveSteps does not certify every kit model.
What does the input monitor show?
After connection, the monitor displays the latest note number, channel, velocity and mapped sound. The velocity meter responds to note-on values from 1 to 127. MIDI note-off messages and note-on messages with velocity zero do not trigger drum hits. Only the selected input is bound, so another attached controller will not double-trigger your session.
How do I map a pad that plays the wrong sound?
Open Pad mapping & settings, choose the sound to assign, select Learn this pad and hit that physical pad once. The next note is mapped to the chosen sound. Select Learn again to cancel, or Reset mapping to return this kit to the default drum-note map. Mappings are kept locally in this browser for the selected device. A module rename, browser reset or another computer may require mapping again.
Does the hi-hat pedal work?
The default map supports separate closed, open and pedal hi-hat notes (42, 46 and 44). If your module instead sends controller CC4, you can enable the optional CC4 setting: values 0–63 open the hat and 64–127 close it. Leave it off for modules with a different convention and map separate notes instead. Continuous half-open sound blending and cymbal choke are not supported.
Why is my kit missing or permission denied?
Check that the module is powered, uses a data-capable USB cable and is visible to the operating system. Install a driver only from the device manufacturer's official site when required. Close other music apps that may hold the port. If the browser denied MIDI, review the site's MIDI permission and select Connect MIDI again. Unplugging the selected device clears its listeners; reconnecting the same named input restores it when the browser reports it. You can choose another input manually.
How do I reduce delay and calibrate timing?
Use wired headphones or speakers when possible; Bluetooth audio can add delay. Click a sound or connect the kit to resume browser audio, then use Calibrate in a scored lesson and tap along with the clicks. GrooveSteps stores a timing offset in this browser, limited to plus or minus 200 milliseconds. Calibration adjusts scoring, not the physical latency of the audio device. Repeat it after changing your output or hardware.
Does MIDI capture my drum audio or send commands to the kit?
MIDI carries note and controller messages, not an audio recording. GrooveSteps uses incoming messages to trigger its own sounds. It requests ordinary MIDI input without SysEx access and does not send firmware or configuration commands to the module. Device names and pad mappings stay in the browser. During signed-in scored lessons, relative hit timings and sound names are sent to the server to calculate the result; raw hit events are not retained after scoring.
Can I practise without a connected kit?
Yes. Keyboard keys and touch pads use the same lesson scoring path. Web MIDI is an optional enhancement. Browsers without MIDI support can still use the on-screen drum tools and lessons; online account saves and leaderboards require a network connection.
Browser reference: MDN Web MIDI API. Platform details describe GrooveSteps behavior as of 2026-10-18.