Drum Metronome — Practice Rudiments and Groove

How does a drum metronome work?

The browser schedules short synthesized percussion events on the Web Audio timeline. The downbeat uses a pitched kick-like cue, other main beats alternate short snare- and hat-like noise cues, and subdivisions use a quieter hat-like cue. Presets set BPM and subdivision; they do not play a recorded loop or judge the drummer.

The drum variant uses a 25 ms look-ahead loop to schedule Web Audio events on AudioContext.currentTime up to 120 ms ahead. A downbeat cue is synthesized with a short sine-frequency drop; other main beats and subdivisions use filtered noise envelopes for snare- and hat-like cues. The Rudiments button loads 60 BPM with four subdivisions, Pocket loads 90 BPM with two, Backbeat loads 110 BPM with two, and Endurance loads 140 BPM. There are no recorded kit samples, editable grooves, backing tracks, or guaranteed playback while the browser is backgrounded.

The page generates a practice click; it does not listen to or grade a performance. Browser audio is scheduled against the audio clock, while visual changes can render later and background tabs may be suspended by the device.

How to get a useful result

Use the click as an external grid and judge whether strokes sit consistently around it, not whether the preset name matches a genre. Sixteenths can expose spacing inside a rudiment; quarter notes demand more internal organization. Silent fourth or eighth bars are qualitative drift checks: returning early suggests acceleration and returning late suggests deceleration, but the page does not record strokes or calculate an error value.

Define the practice condition before starting: Select a drum preset or enter a BPM at which every stroke can remain even and relaxed. Decide what one click represents, use subdivision only as needed and record the BPM and meter so a later attempt is genuinely comparable.

When the click is not helping

• If a rudiment smears at the preset tempo, lower BPM and alternate hands on one subdivision before restoring the full sticking.
• If the downbeat is hard to locate, enable its accent and count the meter aloud; do not assume every louder click represents a drum part.
• If silent bars cause a large miss, return to steady clicks, then mute every eighth bar before trying every fourth.
• If you expected recorded kit samples or an editable groove, use a dedicated drum machine; this page provides only synthesized timing cues, accents, subdivisions, and presets.
• If audio stops with the screen locked, keep the browser visible and awake because background playback is not supported or promised.

Make the practice condition repeatable

Write down the BPM, meter, subdivision and what one main click represents. That note turns a vague impression of progress into a practice condition you can repeat tomorrow. Begin slowly enough that movement and sound remain controlled, complete several clean repetitions and raise the tempo in small steps only while the same technique remains intact.

Use dense subdivisions to diagnose uneven spacing, then remove some support and keep the smaller grid internally. Silent bars are another useful check: an early return suggests acceleration and a late return suggests slowing. Follow the scheduled audio click rather than the screen when Bluetooth or display rendering makes the visual pulse appear offset.