vandosant / scribble

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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


Languages

Language:JavaScript 88.2%Language:SCSS 10.6%Language:HTML 0.7%Language:CSS 0.5%