Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tdhoward/web-drum-sequencer-2

Last synced: 18 days ago
JSON representation

Host: GitHub
URL: https://github.com/tdhoward/web-drum-sequencer-2
Owner: tdhoward
Created: 2020-05-21T00:19:45.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2023-03-03T20:52:07.000Z (over 1 year ago)
Last Synced: 2024-10-11T22:27:22.408Z (about 1 month ago)
Language: JavaScript
Size: 31.9 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 11
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Web Drum Sequencer

A browser-based drum machine and sequencer built with the Web Audio API, React, and Redux. This was originally created by Stu Freen, whose excellent work can be seen [here](https://github.com/stufreen/web-drum-sequencer). This current repo is under development to add more features than perhaps were originally intended, as well as to spend more time exploring React, Redux, and the like.

## Demo
The original web app can be found here: 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/tdhoward/web-drum-sequencer-2.svg?style=svg)](https://circleci.com/gh/tdhoward/web-drum-sequencer-2)

## 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
* [web-drum-sequencer](https://github.com/stufreen/web-drum-sequencer)
* [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/)