Skip to content
Toolcroft

Drum Machine / Beat Sequencer - Online Browser Drums

Camera, Mic & Media

Create and play drum patterns in your browser with this 16-step beat sequencer. Kick, snare, hi-hat and more. Adjust BPM and apply presets.

Track12345678910111213141516
Kick
Snare
Hi-Hat
Open Hat
Clap
Tom
Rim

How to use this tool

  1. Click any cell in the grid to activate that step for that instrument.
  2. Press Play to start the sequencer.
  3. Adjust BPM to change the tempo.
  4. Use the Preset dropdown to load a built-in pattern.

About the Beat Sequencer

A 16-step drum sequencer with 7 synthesized instruments powered by the Web Audio API. All sounds are generated in real-time with no audio file downloads.

Synthesis techniques used

  • Kick - Sine oscillator with rapid pitch envelope drop.
  • Snare / Clap - Bandpass-filtered white noise burst.
  • Hi-Hat / Open Hat - Highpass-filtered white noise (short / long).
  • Tom - Sine oscillator with medium pitch drop.
  • Rim - Short square-wave burst.

Common drum patterns to try

Steps are numbered 1–16, representing 16th notes in one bar (4/4 time). Steps 1, 5, 9, and 13 are beat 1, 2, 3, and 4 respectively.

Pattern Kick (steps) Snare (steps) Closed Hi-Hat (steps)
Basic 4/4 Rock 1, 9 5, 13 1, 3, 5, 7, 9, 11, 13, 15
Hip-Hop (Boom-Bap) 1, 7, 9 5, 13 1, 5, 9, 13
Reggaeton (Dembow) 1, 9, 13 9, 13 all 16
Disco / Four-on-the-floor 1, 5, 9, 13 5, 13 all 16

Frequently asked questions

What sounds are included?

All sounds are synthesized in real-time using the Web Audio API - kick (sine + pitch envelope), snare (filtered noise), hi-hat (filtered white noise), clap, open hat, tom, and rim shot.

Can I save my beat?

The current URL does not encode patterns. Save a screenshot or record via your OS.

Browse all camera, mic & media