Contents
How the online drums work
Nine playable zones trigger drum sounds synthesized inside the browser. Use the pictured kit, switch to the pad grid, or play the same layout with QWE, ASD and ZXC.
Build a beat from the bottom row
Start with Z for the kick and X for the snare. Alternate them slowly, then add A for the closed hi-hat. The letters refer to physical key positions, so they remain in a three-by-three pattern even when your keyboard uses another language.
Open the settings with the slider icon. The tempo runs from 40 to 240 BPM. The hold controls decide how often a sound repeats while a pad or key stays pressed: at 120 BPM an eighth-note repeat fires every 250 milliseconds.
Three rhythms to try
Basic rock pulse: play kick Z on counts 1 and 3, snare X on 2 and 4, and tap closed hi-hat A twice per count. The result is a steady backbeat that leaves the kick and snare easy to hear.
Two hits and a clap: switch to Pads, then play Z, Z, C with equal gaps. C becomes a clap in this view, so the phrase ends with a dry hand-clap sound instead of the kit view's floor tom.
Three-count pattern: count 1-2-3 repeatedly. Put kick Z on 1 and ride W on 2 and 3. This produces a simple waltz-like pulse and helps you feel a meter other than four beats.
Kit view and pad view share one keyboard
Both views keep the same eight core sounds and key positions. Only the C pad changes: it is the floor tom on the acoustic kit and a clap in the electronic grid. Light and dark themes change the surface, not the sound.
Latency depends on the device
The sounds are generated with Web Audio and pass through a compressor, so no sample pack has to download. A wired keyboard or direct screen touch usually feels tighter than Bluetooth headphones, which can add audible delay.
This is a playing surface, not a recorder or sequencer. It does not save performances, accept MIDI, or vary volume by touch force. Some computer keyboards also miss crowded key combinations; use the on-screen pads if a three-key chord drops a hit.
Questions about the online drums
The most useful details concern sound, controls and safe use on a touchscreen.
How many drum sounds are available?
There are nine playable zones. Pad view replaces the floor tom with a clap, while the other eight sounds stay in place.
Why is there no sound at first?
Tap or click a pad once so the browser can start audio, then check device volume, silent mode and the tab's mute setting.
Can I hold a pad for repeated hits?
Yes. Choose a repeat division in settings, then hold a screen pad or keyboard key.
Can I record or download a beat?
No. This version is a live instrument and does not record, export audio or store patterns.
Can I use drumsticks on the screen?
No. Use fingers on a touchscreen; drumsticks can scratch or crack the display.
Similar calculators
You may find the following calculators on the same topic useful:
- Week number calculator. Choose a date to see its week number according to ISO 8601.
- Day of the week calculator. Choose a date to see whether it falls on a Monday, Tuesday or another day of the week.
- Online Piano. Play 24 notes from C3 to B4 on screen, or use the mapped computer keys from C3 to G4.
- Leap Year Calculator. Enter a positive whole-number year to check whether it is leap or common and see its total number of days.
- Poker Odds Calculator. Choose your cards and table size to estimate your share of the pot at showdown.
- Comprehensive Text Analysis Calculator. Get a complete breakdown of your text's characters, words, sentences, paragraphs, and estimated reading and speaking times for thorough editing and analysis.
- Text Paragraph Count Calculator. Efficiently determine the total number of paragraphs in your text to improve its structure and clarity.
- Text Sentence Count Calculator. Quickly find out the total number of sentences in your text to enhance your writing's readability and structure.
- Text Word Count Calculator. Easily determine the total and unique word count in your texts for more effective writing and editing.
- Countdown Timer to Earth Day. Track the exact time remaining in days, hours, minutes, and seconds until the celebration of Earth Day on April 22nd.
Share on social media
If you liked it, please share the calculator on your social media platforms. It`s easy for you and beneficial for the project`s promotion. Thank you!