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

  • Status Closed
  • Budget $30 - $250 USD
  • Total Bids 5

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.


Get free quotes for a project like this

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