Equivalence

Hi Iain, thanks for the comment. The scroll bar colour can only be changed in IE – if I remember correctly. Changing it is not supported in Firefox or Chrome. However, if you are happy for the coloured scroll bar just to display in IE then you need to override (or update) the CSS style for #myplayer_player_container. To do this you either add something like below to your CSS file and change the colours to the ones you would like:


#myplayer_playlist_container {
scrollbar-highlight-color: #272525;
scrollbar-3dlight-color: #272525;
scrollbar-shadow-color: #272525;
scrollbar-darkshadow-color: #272525;
scrollbar-track-color: #272525;
scrollbar-arrow-color: #272525;
}

Or, you search through the CSS file that is included with the files you downloaded from my site (it can be found in myplayer/player.css). You can then search for the word “scrollbar” in the file, where you will find a set of lines that look similar to that above. You can then change the colour values to the values that you require.

Alternatively if you just want to stop the scroll bars from displaying then you can just change the height attribute of the above style to make it big enough to accommodate all your tracks.

Hope this helps.

To get the song to play first I think the best way would be to just add a little bit of JavaScript that find the first track and send a click event to it. Maybe something like:

$('.myplayer_mp3').click();


You would probably have to add this to the function whenInitComplete (line 608) in the file myplayer/myplayer.js. The code for this function would then look something like:

function whenInitComplete()
{
// Wait for both the auto layout to have finished and
// the soundManager has loaded before we setup the
// player
toComplete--;
if(toComplete == 0) {
var myPlayer = new MyPlayer();
myPlayer.init();
$('.myplayer_mp3').click();
}
}


I’m not 100% sure this would work but you can give it a try. I should probably have created a better way to hooking in this functionality but I never really thought about it at the time. One for the future I think!

Hi SirLamer,

I’ve been having a look over the things that you were looking for tonight, and I think that I should be able to implement at least the first two pretty quickly – I’ve actually got most of it done. I’ve not had a change to look at your third point yet but I’ll look into it more tomorrow.

On your first point though, I had a quick try and it seems to me that the $(’.myplayer_mp3′).click() does play a track, however it plays the last track on the list! Anyway, if you want to wait until tomorrow, I’ll release something that allows you to specify a css class that selects the first song to play, and you can see if it works from there.

To address your second point would, as you suggested, break the current UI for the player. However, I’ve created something that sets the volume you specify regardless – it will however set you to the nearest increment the first time you click the plus or minus buttons.

I’ll post an updated version of the plugin that addresses some of the things that you were looking for tomorrow.

Anyway, thanks for using and commenting, and check back soon.

For those looking for the ability to select a song to auto play on load, and set volume of the first song at start up, then I have created another version of the media player. This can be downloaded from HERE.

At the moment I have not got round to including the ability to set the position of the song on the first track but I will hopefully get to this at some point soon.

For those who want to enable these new features then you need, first to download the file from the link above, then to add the following code to a script tag in your html file – this replaces the code shown in line 7 above, i.e. this replaces the old variable _MyPlayerLocation_ :

var _MyPlayerSettings_ = {
location: "myplayer",
startTrackClass: "play_me_first",
startVolume: 19
};


If in doubt what to do just check the included index.html file.

I’ll write a more detailed description of this on a blog post soon but I just wanted to get this stuff out there to those who need it.