EverWeb Widgetbox

Custom Audio MP3 Widget

Custom Audio MP3 Player

This a widget to create a music player with info, custom body colour and radius.

The player preload has been set to "none" so that the audio file doesn't download witht the rest of the web page content. This is very important if you have more than one player on any page.

The player uses a custom stylesheet and a sprite for the play/stop button to increase efficiency.

Like the other players, the volume control has its initial level set to 50%.

Do NOT use this widget on the same page as any other audio or video players.

Music Player with Track Info & Artist Name

Track Title - Artist Name

Before you drag any MP3 audio files into the Assets section of EverWeb, check the file names and remove any spaces and/or special characters. Replace spaces with a hyphen to make the track titles easier to identify.

Drag the widget onto a page and click the "Choose" button to select an MP3 file.

Enter the song title and artist name or any other info required.

To change the player background color, click the color chooser button - shown to the right - and select from the color window.

Next select a suitable color for the track info so that it stands out against the player body background color.

Finally, select the desired corner radius which can be varied from zero to 25px.

To create more players with the same styles, the original can be duplicated - Command D - and a different track selected for each one by double clicking the widget and then clicking the "Choose" button in the Widget inspector.

As can be seen from the examples below, individidual players can be distinguished by having different colored background as well as track info.


Custom Audio MP3 Widget

Sad Lady Blues - Roddy McKay

Back Of My Mind - Roddy McKay

NOTE: Flash fallback will not work locally on your Mac. The files need to be uploaded to the server due to the flash plugin security settings.

The visitor needs to have the flash plugin installed in their browser for the flash player to work! This may seem obvious but it is increasingly common for the flash plugin to be removed or disabled to conserve power.

Get The Widget