Drum Beat Sequencer

Demo:

https://franklioxygen.github.io/DrumMachine/

Please set allow auto-play in browser

start service command:

npm install

npm run build

npm start

test:

npm test

deploy on gh-page:

npm run deploy

view in:

http://localhost:3000/

This is a drum beat sequencer built with React.

It has 8 instrument tracks and 16 columns.

User can play/pause, stop the sequencer. User also can use keyboard control:

SPACE:play/pause
ESCAPE: stop
R: clear bars

Slider can adjust volume and bpm speed real-time.

For minimize lagging, audios are in public folder and preloaded by playAudio.js.