https://github.com/arjanfrans/web-drum-machine

A drum machine in your browser
https://github.com/arjanfrans/web-drum-machine

audio drum-machine javascript music sampler tonejs typescript web-audio-api

Last synced: 12 days ago
JSON representation

A drum machine in your browser

• Host: GitHub
• URL: https://github.com/arjanfrans/web-drum-machine
• Owner: arjanfrans
• License: mit
• Created: 2020-11-20T00:15:15.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2020-12-16T23:34:28.000Z (almost 4 years ago)
• Last Synced: 2024-05-21T08:17:27.814Z (6 months ago)
• Topics: audio, drum-machine, javascript, music, sampler, tonejs, typescript, web-audio-api
• Language: TypeScript
• Homepage: https://web-drum-machine.arjanfrans.com
• Size: 2.14 MB
• Stars: 6
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Web Drum Machine

A web drum machine that runs in the browser. Written in Typescript

using [Tone.js](https://github.com/Tonejs/Tone.js/) Web Audio framework.

## Demo

Try it out: [web-drum-machine.arjanfrans.com](https://web-drum-machine.arjanfrans.com/)

![Version 0.0.1](./.github/media/version_0.0.1.png)

### Development

Installation & running:

1. Install [Node.js](https://nodejs.org/)

2. `npm install`

3. `npm start`

Tools:

* Do a production build and run it on a local server: `npm run start:production`

* Fix and format codestyle: `npm run cs`

### Features

* Adjustable BPM

* Transport controls

* Step sequencer with adjustable steps

* Channel effects

* Effect bus sends

* Panning/volume/mute/solo channel control