https://github.com/stufreen/web-drum-sequencer

A drum machine and sequencer built with the Web Audio API, React, and Redux.
https://github.com/stufreen/web-drum-sequencer

drum-machine instrument music react redux webaudio

Last synced: about 1 month ago
JSON representation

A drum machine and sequencer built with the Web Audio API, React, and Redux.

• Host: GitHub
• URL: https://github.com/stufreen/web-drum-sequencer
• Owner: stufreen
• Created: 2018-07-25T19:37:23.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-08-03T11:03:37.000Z (over 1 year ago)
• Last Synced: 2024-08-01T13:34:17.420Z (4 months ago)
• Topics: drum-machine, instrument, music, react, redux, webaudio
• Language: JavaScript
• Homepage: https://wds-1.com
• Size: 32.6 MB
• Stars: 156
• Watchers: 6
• Forks: 24
• Open Issues: 27
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-javascript-audio - web-drum-sequencer - A drum machine and sequencer built with the Web Audio API, React, and Redux (MIDI instruments / Sequencers & Trackers)

README

        
# Web Drum Sequencer

A browser-based drum machine and sequencer built with the Web Audio API, React, and Redux.

## Demo

https://wds-1.com

## Features

 * Swap drum samples

 * Choose drum samples from file

 * Pattern selector to save up to 8 patterns per drum kit

 * BPM and swing control

 * Sample hit buttons

 * Gain and pan

 * Reverb

 * Mute and solo

 * Pitch shift

 * Preset system for saving and loading drum kits

 * Works offline with service worker and caching

 * Installable as PWA

 * Drag to reorder channels

## Circle CI status

[![CircleCI](https://circleci.com/gh/stufreen/web-drum-sequencer.svg?style=svg)](https://circleci.com/gh/stufreen/web-drum-sequencer)

## Installation

To run a local development server:

```

npm install

npm run start

```

To build a production version: `npm run build`

## Tests

```

npm run test

```

## Thank You

 * [React-Select](https://github.com/JedWatson/react-select)

 * [Webaudio-Controls](https://github.com/g200kg/webaudio-controls)

 * Chris Wilson's article [here](https://www.html5rocks.com/en/tutorials/audio/scheduling/)

 * [Voxengo impluse response](https://www.voxengo.com/impulses/)

 * [Jost* typeface](https://github.com/indestructible-type/Jost)

 * [Draggable](https://shopify.github.io/draggable/)