html5 Drum-Loops player that uses MIDI.js

This project was awarded to talbayrak for $750 USD.

Get free quotes for a project like this
Employer working
Awarded to:
Project Budget
$250 - $750 USD
Total Bids
Project Description

(see the "links" section below for video)

we need a html5 slide show that shows bars of drums notation (one bar per page) and plays the matching MIDI loop for each bar.
it should have a play/stop button, a slider to change the tempo in which the loop is being played and a metronome on/off function.
you need to use [url removed, login to view] (see link below) to create a midi looper that plays two midi channels: drums and click.
we will provide the notation jpegs, midi files, and a soundfont (sf2 file) of the drums and metronome sound samples.
it should have a cool and minimal look and feel when switching pages - a sliding effect maybe, or a page-turning animation.
there should also be an intro page and a notation legend page.
finally, the html5 page should be wrapped into ios and android apps. (see below for mobile wrappers)

the app should be ready by 1/12/2013.

check out the following video for reference - in the first 23 seconds you'll see exactly what we need.
[url removed, login to view]

you can get [url removed, login to view] here: [url removed, login to view]

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online