Drum tracker built with html5 <audio> and jquery
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
out
src
vendor
KEYS.md
README.md
TODO.md
html5drums.js
rakefile

README.md

A drum tracker ...in your browser?!?

YES

Courtesy of jquery, jqueryUI, the html5 <audio> tag, and browsers that implement it. That would be:

  • Safari 4
  • Firefox 3.5
  • Chrome nightly (?)
  • Opera (supports audio JS API, but not the audio tag ?)
  • Internet Explorer 8 has no audio support whatsoever (barring Silver-Light™ and Flash®-Technology!)

More about the current audio capabilities of browsers:

Install

git clone git://github.com/ratbeard/html5drums.git
cd html5drums
open out/index.html  # on 

Usage

Firefox is a little slow for this, especially with firebug open -- Webkit works better.

get crazy!:

$.drum.sound('bass').addpip()

Sources && Thanks

  1. Brian Arnold - original idea and implementer
  2. Browsers for implementing <audio>
  3. jquery and jqueryUI developers
  4. God - for giving me strength -- in my arms! †

License