DISCOVER
×

How to Make a Jukebox Web Page

Updated April 17, 2017

In the 1950s, coin operated jukeboxes ruled the malt shops of the world. Today, thanks to the magic of the Internet, you can place a facsimile of one of those wonderful music machines on your web page. All it takes is a stack of your favourite MP3 files, a website and a few minutes of your time. And if you run out of music, you can use the jukebox to play other audio formats as well.

Download a Flash MP3 player that has "playlist" capabilities. Some popular brands include Wimpy, A4desk and Flabell.

Run the installation wizard. If your player does not have an installation wizard, skip to the next section. After running the wizard, you will see two generated files: an HTML file containing your web page code and an XML file containing the names of the MP3 audio files that you selected during the installation process.

Upload all files to your website. Don't forget to include the JavaScript file that comes with your download package. This file provides the logic that manages the jukebox and playlists.

Open the sample XML file that comes with your player and add your list of MP3 songs. Each jukebox player will use a slightly different XML file format, but most of them will have a structure similar to this:

song1.mp3 Jingle Bells

Replace "song1.mp3" with the file name of one of your MP3 files and "Jingle Bells" with the actual song name. Add an "item" block for each MP3 file.

Add the name of the included JavaScript file to the "Head" section of your HTML. This JavaScript file controls your jukebox and requires no modification. Embed this file as follows:

Replace "myJavascript.js" with the name of the JavaScript file included in your download package.

Add an HTML code block similar to this one at the location where you want your jukebox to appear:

This is a sample "object" tag code block. Different jukebox players will have slightly different parameter (PARAM) values, but the layout of the "object" block will be the same. In this example, you are supplying the player's dimensions and the location of the player file. Details on how to set up this code block will be found in your documentation.

Upload all files to your website and test your web page.

Tip

Flash MP3 players come in many different styles. Some even allow you to display album cover art. Select your player according to your needs. Each website jukebox player comes with its own configuration instructions. Refer to those when performing the set-up.

Warning

Some players, particularly free ones, embed a logo on the front of the jukebox. If you don't want such a player, read the documentation carefully before downloading.

Things You'll Need

  • MP3 audio files
  • Flash MP3 player
bibliography-icon icon for annotation tool Cite this Article

About the Author

After majoring in physics, Kevin Lee began writing professionally in 1989 when, as a software developer, he also created technical articles for the Johnson Space Center. Today this urban Texas cowboy continues to crank out high-quality software as well as non-technical articles covering a multitude of diverse topics ranging from gaming to current affairs.