HTML5 MP3 Player by the guys @ DMXzone

DMXzone has been around for many years and they are always at the cutting edge of technology. Last week they released an HTML5 Video player. This is quite amazing, if you missed it check it out here : http://outsourcehouse.co.za/2011/01/27/html5-video-player-dreamweaver-extension/

Now this week they are releasing an update to their very popular Dreamweaver Extension, HTML5 MP3 player. The update brings a couple of new things, but the biggest will be spry support via XML.

Now this is a couple of pictures of what it currently looks like.

It has some very nice options for such a simple task. There is the option to have it automatically play when it is opened, If you only have a couple of songs, it will start again. It also shuffles.

Now what will it look like? Well if you are feeling lazy you can use the pre-made looks. I have put a couple below:

Apple

Fancy Blue

Fancy Red

Vista

(maybe not the best name seeing as though Vista was not great), but very cool looking player.

Do you want to see a live demo? Well click here and you can: http://www.dmxzone.com/demo/php/HTML5mp3Player/MP3playerSBB/index.php

In this demo you can also upload a song, using the Pure PHP Upload 2 Dreamweaver extension.

So none of these work exactly with your site? Well not a problem, if you open the css that each look has you can edit them. They have set out the css nice and simply. Just edit the different parts that you need to change.

Need more inspiration? Well check this out.

Now in terms of music, do you want to manually select songs or do you want them to be pulled from a database?

Well there are 3 options:

Add individual files, one at a time.

Add a folder of mp3s at once.

Or attach a database. This will allow you to pull song locations, titles and IDs. Below I have included a video on how to do that.

HTML5 Mp3 Player getting songs from Database

So, now that would normally be all. But they have also added a fantastic visualiser. A what you ask? Well when someone is visiting your site and you whole site is static, how would you like the visualiser, to be moving to the music?

You can add various options, like Fire, Shapes, smoke, star field…

Now if you are really pedantic and want your fire to be blue for instance, then each of the types have options. These are the options for the fire. It should keep any designer and developer happy and it is all fully customisable.

Now, how would this look in an actual website? Well check out this demo here.

Ok, so all of that is cool, how much will this cost?

Well the HTML5 Mp3 Player & Music Visualizer Bundle will cost you right now €45, so in Rands, for us in South Africa, that is R443. There really is no excuse not to get this. It is cheap and it is very customisable.

Get it here.

Let me know what you think of this.