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

Budget $30 - $250 USD
Bids 5
Average Bid $192

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.

Post a Project Like This

Looking to make some money?

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

Bids on this Project