HOME | DD

Grimmdev — Html5 Audio Player by

Published: 2012-04-02 23:50:56 +0000 UTC; Views: 1741; Favourites: 9; Downloads: 144
Redirect to original
Description Html5 Audio Player, alot of effort went into this. The design and the coding both create a unique atmosphere to generate this beautiful Audio Player.

This supports multiple browsers and multiple devices.

In order to keep cross device compatibility you need to have 3 versions of your audio file (wav,ogg,mp3) you could use a free audio converter online to achieve this.

To easily customize this, modify player.png or the main.css file to re-design the player to how you see fit.

To change the audio simply go into main.js inside the js folder and edit it in notepad and look where it says var songFile. do not name the extension in that declaration of the song file, as the extension is automatically added for all three inside the code js.

If you like and use this please take 1 second out of your day and say thank you as it took me hours to work on this,hope you all enjoy this. If you plan to redistribute this in anyway you must give credit to me for originally releasing this and putting all of my hard effort into it.

The audio that goes with this example is not owned by me but owned by EA Games and Clint Mansell, I do not permit you to use the audio with this example as a free song to your music library, as I do not own it.
Related content
Comments: 3

Grimmdev [2012-04-20 18:53:51 +0000 UTC]

Sorry had to fix the live preview,here is the new link

[link]

if you downloaded the zip file, you will need to look for the line with the song/sound title

"grimmstudios. net/audio/leaving earth" and replace it with a link to the audio file you want, make sure to follow the instructions and create 3 versions of your audio file such as .mp3,.ogg and .wav

👍: 0 ⏩: 0

ntim007 [2012-04-03 06:04:15 +0000 UTC]

Great !

👍: 0 ⏩: 0

link6155 [2012-04-03 00:51:37 +0000 UTC]

Awesome work here! This really shows what HTML5 can do

👍: 0 ⏩: 0