How to Choose Single Track Player Style and Color

Choose from 30 Resizable SingleTrack Player Styles and Unlimited hex Based Colors.

Examples:

Insructions:

1. Choose your player style by clicking on the player image.

and by clicking on color in the color menu for the player style you choose. Use the scroll bar in the player preview window to scroll through all the player styles. There are 30 single track players to choose from.

If you scroll through all the styles you will see some five button players. These players have additional fast forward >> and rewind << buttons giving your visitors the ability to fast forward and rewind the audio track they are listening to.

2. Choose the color scheme for your player by rolling your mouse over the color picker and clicking on the color you want in the 210 available hex colors.

If you want a custom color:

If you want to seta a custom hex color that you do not see in the color picker you can manually enter it in the text box below the color picker that says "Select Custom Color" and once entered click the "select" button to change the color of your buttons. For more information on hex colors and how they work you may visit the w3shools site.

Do not forget that you can also use multi-track players for single track presentations or when you need to break your longer audio tracks up into several easy to navigate audio tracks to make listening and reviewing audio content easier for your listeners. If you decide you want to use multi-track players click the "to step 1" link in the top right corner and select multi track project when you start your project.

A few of the single track players have small animations that occur when a visitor hovers their mouse over or clicks on a button. The preview screen does not display these animations.

If you want to preview how a player will look simple pick the player style and color you want and "save project." Next open the folder your project was saved to and click on the generated html file. By default most windows computers will block flash content from displaying when you are opening your html page locally (this will not happen once they are uploaded to the web).

Simply ignore the windows warning and allow the content to be displayed so that you can see what the player you have selected looks like. Then if you want to make a change simply select a new player or color in the Website Jukebox software and press "save project" again. This will allow you to quickly make changes and preview what the player and color you have selected will look like in a webpage.

Once projects are saved and ready to put on your webpage you simply open the html page for each project which will be named player_0.html player_1.html etc in your html editor or in a text editor and view the html source code.

For projects using javascript output you will copy from the <script> tag to the </noscript> tag and paste that code exactly where you want the player to appear.

For projects using html output without javascript you will copy from the <object> tag to the </object> tag.

I explain more about the difference between javascript and html output on the help page for the screen.

Once you have pasted the code for all your players in the html page where you want them to appear you simply upload all the supporting files to the web in the same directory (folder) as the html page where you want the players to appear.

Remember that all the supporting files must be in the same directory as the page you are pasting the player into in order for it to display correctly... unless you change the urls in the code to absolute so that they may call remote files.