Audio Flash Player: New Button Player
<script type="text/javascript">
// JAVASCRIPT VARS
// cache buster
var cacheBuster = "?t=" + Date.parse(new Date());
// stage dimensions
var stageW = 281;
var stageH = 78;
// ATTRIBUTES
var attributes = {};
attributes.id = 'FlabellComponent';
attributes.name = attributes.id;
// PARAMS
var params = {};
params.wmode = "transparent";
params.allowfullscreen = "true";
params.allowScriptAccess = "always";
params.bgcolor = "#ffffff";
/* FLASH VARS */
var flashvars = {};
/// if commented / delete these lines, the component will take the stage dimensions defined
/// above in "JAVASCRIPT SECTIONS" section or those defined in the settings xml
flashvars.componentWidth = stageW;
flashvars.componentHeight = stageH;
/// path to the content folder(where the xml files, images or video are nested)
/// if you want to use absolute paths(like "http://domain.com/images/....") then leave it empty("")
flashvars.pathToFiles = "player/";
flashvars.xmlPath = "xml/settings.xml";
// other vars
flashvars.artistName = "Busta Rhymes";
flashvars.songName = "Break Ya Neck";
flashvars.songURL = "songs/song.mp3";
/** EMBED THE SWF**/
swfobject.embedSWF("preview.swf"+cacheBuster, attributes.id, stageW, stageH, "9.0.124",
"js/expressInstall.swf", flashvars, params);
</script>
<noscript><a href="http://www.dvdvideosoft.com">free software</a></noscript>
<div id="FlabellComponent">
<p>In order to view this object you need Flash Player 9+ support!</p>
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
alt="Get Adobe Flash player"/>
</a>
</div>
You can set some of the parameters to your liking:
stageW
Set the player's width. This parameter will subsitute the width's value which is set in the xml config file of the player.
stageH
Set the height of the player. This parameter will subsitute the height's value which is set in the xml config file of the player.
flashvars.pathToFiles
Sets the path to the config and mp3 files.
flashvars.xmlPath
Path to the XML config file.
flashvars.artistName
Artist. This parameter will subsitute the value which is set in the xml config file of the player.
flashvars.songName
Title. This parameter will subsitute the value which is set in the xml config file of the player.
flashvars.songURL
Set the path to the mp3 file.
Here is an xml file featuring parameters that influence the player's appearance:
<settings width = "281" height = "78">
<autoplay>false</autoplay>
<margin>5</margin>
<strokeColor>0x90C84B</strokeColor>
<fillColor>0x414042</fillColor>
<playPauseButton>
<backColor>0xFFFFFF</backColor>
<backOverColor>0xDEECBD</backOverColor>
<signStrokeColor>0x4B4B4B</signStrokeColor>
<signFillColor>0x83B04D</signFillColor>
</playPauseButton>
<volumeControl initLevel = "50">
<backStrokeColor>0x4B4B4B</backStrokeColor>
<backFillColor></backFillColor>
<signColor>0xE7E8E9</signColor>
<signOverColor>0x4B4B4B</signOverColor>
<percentText color = "0xE7E8E9" marginX = "5" positionY = "top" />
<!-- positionY can be: top, bottom, center or a number -->
</volumeControl>
<visualizer backColor = "0x4B4B4B" wavesColor = "0xFFFFFF" />
<songText>
<artistColor>0xE7E8E9</artistColor>
<artistFontSize>14</artistFontSize>
<songColor>0xE7E8E9</songColor>
<songFontSize>12</songFontSize>
</songText>
</settings>
autoplay
Set autoplay at page's load. This parameter has true or false values.
width
Set the player's width. This parameter may be subsituted by the stageW parameter which is set in the html file.
height
Set the player's height. This parameter may be subsituted by the stageH parameter which is set in the html file.
margin
Set the distance between the player's border and control buttons.
strokeColor
Set the color of the player's frame. Hereinafter the colors are given in RGB format, e. g. the red color will have 0xFF0000 value.
fillColor
Set the background/fill color.
Section playPauseButton - configuration of the Play/Pause button
backColor
Set the background color for the Play/Pause button.
backOverColor
Set the background color for the Play/Pause button in the over state.
signStrokeColor
Set the color of the frame for the Play/Pause arrow.
signFillColor
Set the fill color for the Play/Pause arrow.
Section volumeControl - configuration of the volume control section
initLevel
Set the initial volume. Possible values are from 0 till 100.
backStrokeColor
Set the color of the frame for the volume control.
backFillColor
Set the background color for the volume control.
signColor
Set the color of the volume control marker.
signOverColor
Set the color of the volume control marker in the over state.
percentText
Set the style of the percentage text. You can set the following parameters:
color - text's color, marginX - the distance between the button's border and the text, positionY - the y-coordinate of the text.
visualizer
Set the visualizer's parameters. You can set the following parameters:
backColor - background color, wavesColor - waves' color.
Section songText - configuration of the song's text section
artistColor
Set the color of the artist's name.
artistFontSize
Set the font size of the artist's name.
songColor
Set the color of the title.
songFontSize
Set the font of the title.
Here you can find information about parameters of other flash player types:
button playerIt has just a Play/Pause button. Click here to learn more.
mini player
It has a full set of buttons and a lot of different functions. Click here to learn more.
classic player
It has a standart set of buttons and functions. Click here to learn more.
maxi player
It has a full set of buttons and a lot of different functions. Click here to learn more.
multi player
It plays several audio files, has a full set of buttons and a lot of different functions. Click here to learn more.