Virtual Drum Pad & Xylophone
Play synthesized beats and melodies using Web Audio API via keyboard triggers or touchscreen pads
준비 중인 도구입니다.
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
An interactive music synthesizer. Generates real-time percussion (Kick, Snare, Hi-hat, Tom) and 8-note Xylophone tunes natively using Web Audio API oscillators.
How to use
- Click the digital drum pads or the color-coded xylophone bars mapped on the screen.
- Or press the corresponding key shortcuts (e.g. A, S, D, F for drums, 1-8 for xylophone) on your physical keyboard.
- Observe the dynamic lighting tap animations as you mix custom beats.
FAQ
- Why is there no audio output when the page loads?
- Most modern web browsers restrict audio play until the user interacts with the page. Simply click anywhere on the page to initialize the Web Audio context.