Skip to content

synth keyboard and drum machine; uses the web audio api for browsers

Notifications You must be signed in to change notification settings

vandosant/scribble

Repository files navigation

Code Climate

Description: A web-based synthesizer. Inspired by this talk by Stuart Memo.
More info about the Web Audio API here.

Live Demo

Local setup:

  • Note--This will only work in Chrome.
  • Fork and clone this repo.
  • Run bundle install
  • Start the server with rerun rackup
  • Run npm install
  • Open a Chrome browser window and point to http://localhost:9292
  • Use the keyboard to play notes (keys A-k).
  • Click on drum buttons to activate sound for that beat.
  • Change the drum type by clicking on bass, snare, etc.
  • You can pause and resume the drum track.
  • Speed up or slow down the drum tempo by entering a BPM.

Testing:

  • Run specs with ./node_modules/karma/bin/karma start

Development:

  • Run webpack -w
  • Make some changes to the code.

Brought to you by Scott Skender

About

synth keyboard and drum machine; uses the web audio api for browsers

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages