Camera, Mic & Media
Drum Machine / Beat Sequencer - Online Browser Drums
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.
| Track | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Kick | ||||||||||||||||
| Snare | ||||||||||||||||
| Hi-Hat | ||||||||||||||||
| Open Hat | ||||||||||||||||
| Clap | ||||||||||||||||
| Tom | ||||||||||||||||
| Rim |
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 |