Audio Jukebox

Click on the image to the right to see an example Jukebox

Copy some files from the Jukebox Template and paste them into your website

Copy some code from the music_template.html file and paste it into your music page

Create your own MP3 files

Edit the code in your music player page to link to your mp3 files

Create a new coverart.jpg file to personalise your jukebox

1) Copy the following files and folders into your web site

2) The songs folder should contain 3 sample mp3 files

3) Copy the coverart.jpg file and put it in your images folder

4) Open music_template.html and copy the following code. Paste it into the head of your music page

5) Open music_template.html and copy the following code. Paste it into the body of your music page, where you want the jukebox to be.

Note: You might not see it in Design View but it should show in Live view.

6) You will need to replace the song files and coverart image with ones of your own and edit the code shown above to make it all work.