How to Make a Jukebox Web Page

Written by kevin lee
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Make a Jukebox Web Page
Liven up your website with music. (Jukebox image by daniellecolla from Fotolia.com)

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.

Skill level:
Moderate

Other People Are Reading

Things you need

  • MP3 audio files
  • Flash MP3 player

Show MoreHide

Instructions

  1. 1

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

  2. 2

    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.

  3. 3

    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.

  1. 1

    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:

    <playlist> <item> <fileName>song1.mp3</fileName> <song Name>Jingle Bells</song Name> </item> </playlist>

    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.

  2. 2

    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:

    <script language="javascript" type="text/javascript" src="myJavascript.js"></script>

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

  3. 3

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

    <object width="400" height="300" > <param name="MyJukebox" value="jukeboxName.swf" /> <embed src="jukeboxName.swf" flashvars=width="400" height="300" /> </object>

    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.

  4. 4

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

Tips and warnings

  • 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.
  • 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.

Don't Miss

Filter:
  • All types
  • Articles
  • Slideshows
  • Videos
Sort:
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the eHow.co.uk site, you consent to the use of cookies. For more information, please see our Cookie policy.