https://github.com/bweave/drum-sequencer

It's a drum machine kinda thing.
https://github.com/bweave/drum-sequencer

create-react-app drum-machine react web-audio-api web-worker

Last synced: 25 days ago
JSON representation

It's a drum machine kinda thing.

• Host: GitHub
• URL: https://github.com/bweave/drum-sequencer
• Owner: bweave
• Created: 2017-12-20T21:00:18.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-02T13:27:35.000Z (almost 7 years ago)
• Last Synced: 2024-08-03T16:09:56.860Z (4 months ago)
• Topics: create-react-app, drum-machine, react, web-audio-api, web-worker
• Language: JavaScript
• Homepage: https://bweave.github.io/drum-sequencer
• Size: 2.14 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-javascript-audio - drum-sequencer - lightweight sequencer, simple UI (MIDI instruments / Sequencers & Trackers)

README

        
Drum Sequencer

----

Check out the Live Demo: https://bweave.github.io/drum-sequencer

### Usage

- Load up one of the preset example `Grooves` to get some inspiration

- Hit the `Play` button to begin playback.

- Clicking a note toggles it between 3 states: on, quiet (ghost note), and off.

- Change `Tempo` to adjust the tempo to your liking

- Change `Subdivision` to work with different "resolutions" of notes

- `Save` your creation to your local browser storage

- Load up `Grooves` you've saved

- `Share` a link to your creation with a friend

First time building anything of consequence with `create-react-app`. :smile: