Choosing from the 5 Multi-Track Player Styles and 210 Colors

Choose your player style and color scheme by clicking on the player image and by clicking on color in the color menu for the player style you choose. There are 5 multi-track players to choose from.

Examples:

Note: The players have animations and special features that you cannot preview in the preview screen. Also the toolbar player and "disappearing" animation player do not display their full length in the preview screen.

Instructions:

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

Use the scroll bar in the player preview window to scroll through the 5 multi-track player styles. There are 5 multi-track players to choose from.

All multi-track players have fast forward >> and rewind << buttons giving your visitors the ability to fast forward and rewind each audio track they are listening to in the multi-track player. This is done by clicking on one of the buttons and holding it while it fast forwards or rewinds.

They also use the fast forward >> and rewind << buttons to navigate from track to track by simply clicking on one or the other over and over to go from track to track.

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

Remember that some of the players have additional interactive functions and the disappearing player has animations that occur when a visitor hovers their mouse over it and when it is playing. The preview screen does not display these animations. 

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