stufreen / Web Drum Sequencer
A drum machine and sequencer built with the Web Audio API, React, and Redux.
Stars: ✭ 117
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Web Drum Sequencer
Jssynth
Make music in your browser with this synthesizer and sequencer
Stars: ✭ 25 (-78.63%)
Mutual labels: music, webaudio, instrument
Dx7 Supercollider
My accurate Yamaha DX-7 clone. Programmed in Supercollider.
Stars: ✭ 395 (+237.61%)
Mutual labels: music, instrument
Chordious
Fretboard diagram generator for fretted stringed instruments.
Stars: ✭ 22 (-81.2%)
Mutual labels: music, instrument
Daw
GridSound (0.33.0) wants to be an open source online digital audio workstation following the new WebAudio API 🎛🎹🎵✨
Stars: ✭ 804 (+587.18%)
Mutual labels: music, webaudio
Signal
A friendly music sequencer built with web technology
Stars: ✭ 166 (+41.88%)
Mutual labels: music, webaudio
Theorytracker
🎼 HTML5/WebAudio multi-track functional harmony analysis and songwriting app! -- https://hlorenzi.github.io/theorytracker/
Stars: ✭ 62 (-47.01%)
Mutual labels: music, webaudio
glicol
(Audio) graph-oriented live coding language and music DSP library written in Rust
Stars: ✭ 853 (+629.06%)
Mutual labels: instrument, webaudio
Awesome Music Production
A curated list of software, services and resources to create and distribute music.
Stars: ✭ 340 (+190.6%)
Mutual labels: music, instrument
Tinysynth
A drums looper made with React and the WebAudio API
Stars: ✭ 238 (+103.42%)
Mutual labels: music, webaudio
Webaudiofont
Use full GM set of musical instruments to play MIDI and single sounds or effects. Support for reverberation and equaliser. No plugins, no Flash. Pure HTML5 implementation compatible with desktop and mobile browser. See live examples.
Stars: ✭ 600 (+412.82%)
Mutual labels: music, instrument
108
A minimal beat machine played in the browser.
Stars: ✭ 128 (+9.4%)
Mutual labels: music, instrument
Waveform Playlist
Multitrack Web Audio editor and player with canvas waveform preview. Set cues, fades and shift multiple tracks in time. Record audio tracks or provide audio annotations. Export your mix to AudioBuffer or WAV! Project inspired by Audacity.
Stars: ✭ 919 (+685.47%)
Mutual labels: music, webaudio
Omg Music
Music making, remixing, and collaborating tools for the web
Stars: ✭ 74 (-36.75%)
Mutual labels: music, webaudio
Web Drum Sequencer
A browser-based drum machine and sequencer built with the Web Audio API, React, and Redux.
Demo
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
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
- Webaudio-Controls
- Chris Wilson's article here
- Voxengo impluse response
- Jost* typeface
- Draggable
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].