HTML code to take a wave file stored locally and create a Waveform.

This project received 5 bids from talented freelancers with an average bid price of $192 USD.

Get free quotes for a project like this
Employer working
Project Budget
$30 - $250 USD
Total Bids
Project Description

This is probably a 30 minute job for a good developer, but it is far beyond my capabilities.
If you are familiar with the waveforms on [url removed, login to view] then you probably already know what I am looking for.
I need a script that draws a box (100px by 700px) that auto loads a locally stored wave file and draws the waveform in that box.
I need a large play/pause button at the front of the box and a small volume button at the end of the box.
Buttons should be inside the box before and after waveform.
Play/Pause button color=green/red respectively.
Background color=Black
Un-played Waveform color=White
Played color=Grey
A scrolling line through the waveform separating played and un-played music.
No autoplay, No loop. But YES to autoload.

I know that anything that can be played on the pc can be recorded, but I would like to Not make it super easy.
So any kind of security protection would be great. No direct download.

Finally, I realize that the biggest issue here is compatibility with various browsers.
Which is why soundcloud developers use Webkit Mask, Canvas and [url removed, login to view] so no matter the browser the end user is using the waveform will play.
I need to cover the latest versions of IE, Firefox and Safari.

Please ask any questions you may have if I missed something.
I'm not in a rush, so a few weeks is ok.
Thanks in advance.

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