Playlist: Stop, Play, Pause

[MichaelczhangP]

Here is a music playlist and control submitted by swt_lil_strawberrie.

Windows Media Player Components

<object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
<param NAME VALUE>
<param NAME="ShowControls" VALUE="0">
<param NAME="ShowStatusBar" VALUE="0">
<param NAME="ShowDisplay" VALUE="0">
<param NAME="DefaultFrame" VALUE="Slide">
<param NAME="Autostart" VALUE="1">
<param NAME="Loop" VALUE="True">
</object>

Playlist Form and Controls

<form name="form">
<select style="FONT-SIZE: 8pt; BACKGROUND:# B3D98C; WIDTH: 150; COLOR: # 1FAD66; font-face: ariel; height:174" name="playlist" size="1">
<option value="0">Song title- Artist</option>
<option value="1"> Song title- Artist</option>
<option value="2"> Song title- Artist </option>
<option value="3"> Song title- Artist </option>
<option value="4"> Song title- Artist </option>
<option value="5"> Song title- Artist </option>
</select><br>
<input TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);">
<input TYPE="BUTTON" NAME="darkpause" VALUE="pause" OnClick="document.darkplayer.pause(); playstate=2;">
<input TYPE="BUTTON" NAME="darkstop" VALUE="stop" OnClick="document.darkplayer.stop(); playstate=2;"></p>
</form>

Music Script

<script language="JavaScript">
var playstate = 1;
shuffle = 1; *// set to 0 to always play first song in list
 * * * * * * *// set to 1 to randomly choose the first song to play
 *// [Only registered and activated users can see links. ]
 *// unlimited songs, just copy and paste the song line and change the number
songs=new Array();
songs[0]="Song URL"
songs[1]="Song URL"
songs[2]="Song URL"
songs[3]="Song URL"
songs[4]="Song URL"
songs[5]="Song URL"

if (shuffle == 1) {
var randsg = Math.floor(Math.random()*songs.length);
document.darkplayer.FileName = songs[randsg];
document.darkplayer.scr = songs[randsg];
document.forms['form'].playlist.options[randsg].selected = true;
}
function play(list) {
if (playstate == 2) {
document.darkplayer.Play();
} else {
var snum = list.options[list.selectedIndex].value
document.darkplayer.FileName = songs[snum];
document.darkplayer.scr = songs[snum];
}
playstate = 1;
}
</script>

Insert all these into where you would like the player.

[Autumn.]

cool script! thanks for sharing!

[trinh21]

okie... i did the code. n i see the buttons.. there great.. but it doesnt play ne thing....plz help(may b something wrong wif the code?)

[Only registered and activated users can see links. ]

lolz nvm i figured it out... but it takes a hwile to load the songs though..thanx for the code

[CoOkie_mOnstEr]

Okay i cant here tha music either. Can sumbody help pleaze!!!!!

[Saint CaLiSuRfEr]

i cant figure it out help..plz.. :cry:

[Shyg202]

I GOT IT! :-D here it is

<!-- begin code provided by blogring.net -->

<object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
<param NAME VALUE>
<param NAME="ShowControls" VALUE="0">
<param NAME="ShowStatusBar" VALUE="0">
<param NAME="ShowDisplay" VALUE="0">
<param NAME="DefaultFrame" VALUE="Slide">
<param NAME="Autostart" VALUE="1">
<param NAME="Loop" VALUE="True">
</object>
<form name="form">

<p style="text-align: center">
<select style="FONT-SIZE: 8pt; BACKGROUND:#transparent; WIDTH: 150px; COLOR: #33666; font-face: verdana" name="playlist" size="1">
<option value="0">Kennedy</option>
<option value="1">SONG NAME HERE</option>
<option value="2">SONG NAME HERE</option>
<option value="3">SONG NAME HERE</option>
<option value="4">SONG NAME HERE</option>
<option value="5">SONG NAME HERE</option>

</select><br>
<input TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);">
<input TYPE="BUTTON" NAME="darkpause" VALUE="pause" OnClick="document.darkplayer.Pause(); playstate=2;">
<input TYPE="BUTTON" NAME="darkstop" VALUE="stop" OnClick="document.darkplayer.Stop(); playstate=2;"></p>
</form>
<script language="JavaScript">
<!--
var playstate = 1;
shuffle = 1; *// set to 0 to always play first song in list
 * * * * * * // set to 1 to randomly choose the first song to play
songs=new Array();
songs[0]="SONG URL HERE";
songs[1]="SONG URL HERE";
songs[2] ="SONG URL HERE";
songs[3] ="SONG URL HERE";
songs[4] ="SONG URL HERE";
songs[5]="SONG URL HERE";

if (shuffle == 1) {
var randsg = Math.floor(Math.random()*songs.length);
document.darkplayer.FileName = songs[randsg];
document.darkplayer.scr = songs[randsg];
document.forms['form'].playlist.options[randsg].selected = true;
}
function play(list) {
if (playstate == 2) {
document.darkplayer.Play();
} else {
var snum = list.options[list.selectedIndex].value
document.darkplayer.FileName = songs[snum];
document.darkplayer.scr = songs[snum];
}
playstate = 1;
}
//-->
</script>

<!-- end code provided by blogring.net -->

try that, it works for me

[Yuna1022]

Thank you so much for the code Shyg202! It really helped.

[miz_korean_grl]

thanks for the code! at first it didn't work then i went back and fixed the mistakes and now it's working!

[analphamansson]

Is there a way to just have the stop/play/pause buttons?

[l3al3yAZN4ever]

hey um how do u change the colors for the play stop pause button?