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


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.


Skills: CSS, HTML, HTML5, PHP, Software Architecture

See more: white wave, un code, should i take the job, scrolling php code, php developers looking for a job, looking for php developer locally, html css developers, front rush, download firefox developer, what is a php file, Webkit , stored, soundcloud play, need js file, html super, code music using, soundcloud autoplay, php html code, html canvas php, html cover, html background white, autoplay html, html code css, soundcloud css

Project ID: #4915859

3 freelancers are bidding on average $186 for this job


5 years experience in web development. Ready to start! 5 years experience in web development. Ready to start!

$147 USD in 2 days
(32 Reviews)

Hello msmusic, I have read your requirements and I am very confident to do this project. I guarantee COMPLETE satisfaction before payment. Please check PM for more details!

$201 USD in 3 days
(25 Reviews)

A friendly greeting I have reviewed the project specifications I have seven years of experience in programming with C, C + +, C #, Java, J2SE, J2ME, J2EE, Matlab, ASM, python, AutoLISP, Java Script, aspx, php, html5, More

$200 USD in 1 day
(6 Reviews)

Hi, My name is Mary and I work as a business development manager, an IT Company which do business with a number of UK and USA clients. We are a Web Design & Development Company, leading SEO with over 8 years o More

$210 USD in 7 days
(1 Review)

Hi Im Fabian Sandoval lead of TaserStudios. We are an indie developers in mexico ,We believe we are the right choice for your problem at the best price , Our experience is in movile and web platforms you can check my More

$200 USD in 3 days
(0 Reviews)