Dropdown playlist jukebox [Archive] - Lissa Explains it All: Web Design Forums

DemolitionMan50

07-19-2005, 02:24 PM

I never had a problem with darkplayer. I have one on my website with 25 songs and it works perfectly. I was browsing the web for a playlist for my friend and came across a jukebox. I thought it'd be nice to have some of the advanced features it offers, so I copied the code and replaced only the "Song Title - Artist Name" and "URLs". Can anyone tell me what's wrong with the code? The URL's are valid; I got them from music_galore, and I'm pretty sure it's not interfering with another code.

 
<OBJECT ID="Player" height="0" width="0" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> 
<PARAM NAME="uiMode" VALUE="invisible"> 
<PARAM NAME="Autostart" VALUE="False"> 
</object> 
 
<FORM ID="form"> 
 
<SELECT ID="playlist" size="1"> 
 
 
<option value="0">AC/DC - Back in Black</option> 
<option value="1">AC/DC - Highway to ^^^^</option> 
<option value="2">AC/DC - Dirty Deeds Done Dirt Cheap</option> 
<option value="3">Black Sabbath - Paranoid</option> 
<option value="4">Black Sabbath - Iron Man</option> 
 
</SELECT> 
 
 
<BUTTON ID="BackButton" onClick="Back(forms['form'].playlist);"> << </BUTTON> 
<BUTTON ID="PlayPauseButton" onClick="PlayPause(forms['form'].playlist);">  Play  </BUTTON> 
<BUTTON ID="NextButton" onClick="Next(forms['form'].playlist);"> >> </BUTTON>  
<BUTTON ID="StopButton" onclick="Stop();">Stop</BUTTON> 
Shuffle<INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);" value="ON"> 
 
</FORM> 
</CENTER> 
 
 
<comment ID="PlayHTML">  Play  </comment> 
<comment ID="ShuffleOnHTML"><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment> 
<comment ID="ShuffleOffHTML"><INPUT TYPE=checkbox UNCHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment> 
 
 
<script ID="Main" Language="JavaScript"> 
 
var songs = new Array(); 
 
//*******************************// 
//****** CHANGEABLE STUFF *******// 
//*******************************// 
 
var shuffle = false; // false = shuffle off, true = shuffle on 
 
var autoStart = true; // false = autoStart off, true = autoStart on 
 
var numberTracks = true; // true = place track number in front of list items, false = no track numbers 
 
// Add song URLs here (make sure it matches up with the order you have for song info, and urls need quotes): 
songs[0]="http://a425.v8384d.c8384.g.vm.akamaistream.net/7/426/8384/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/4/192/388_1_6_05.asf"; 
songs[1]="http://a425.v8384d.c8384.g.vm.akamaistream.net/7/426/8384/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/3/192/387_1_1_05.asf"; 
songs[2]="http://a425.v8384d.c8384.g.vm.akamaistream.net/7/426/8384/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/5/192/389_1_1_05.asf"; 
songs[3]="http://a425.v8384d.c8384.g.vm.akamaistream.net/7/426/8384/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/0/2635/4632_1_2_05.asf"; 
songs[4]="http://a425.v8384d.c8384.g.vm.akamaistream.net/7/426/8384/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/0/2635/4632_1_4_05.asf"; 
 
//*******************************// 
//*******************************// 
 
// Initializations // 
with (document){ 
var length = forms['form'].playlist.length; 
 
if(numberTracks){ 
for (var i = 0; i < length; i++){ 
forms['form'].playlist.options[i].innerHTML = (i+1) + " - " + forms['form'].playlist.options[i].innerHTML; 
} 
} 
 
if (shuffle) { 
var randsg = Math.floor(Math.random()*songs.length); 
Player.url = songs[randsg]; 
forms['form'].playlist.options[randsg].selected = true; 
forms['form'].ShuffleSwitch.outerHTML = ShuffleOnHTML.innerHTML; 
} 
 
else { 
forms['form'].ShuffleSwitch.outerHTML = ShuffleOffHTML.innerHTML; 
Player.url = songs[0]; 
} 
 
if(autoStart){ 
var snum = forms['form'].playlist.selectedIndex; 
if(Player.url != songs[snum]){ 
Player.url = songs[snum]; 
} 
Player.controls.Play(); 
} 
} 
 
// Functions // 
// Discription: "PlayPause" will toggle playing and pausing if the same song is still selected, 
// otherwise it will load the newly selected song 
function PlayPause(list) { 
var snum = list.selectedIndex; 
 
if((Player.url == songs[snum] && Player.url != "") && Player.playState != 1){ 
if(Player.playState == 3){ 
Player.controls.Pause(); 
} 
 
else { 
Player.controls.Play(); 
} 
} 
 
else { 
Player.url = songs[snum]; 
Player.controls.Play(); 
} 
} 
 
// Discription: "Next" will move to the next music file if shuffle is off 
// otherwise it will load a random song. Calls PlayPause to start music. 
function Next(list) { 
var snum = list.selectedIndex; 
if (!shuffle) { 
if (snum == list.length-1) { 
snum = -1; 
} 
snum++; 
} 
 
else { 
var temp; 
do{ 
temp = Math.floor(Math.random()*songs.length); 
} while(temp == snum); 
snum = temp; 
} 
 
list.options[snum].selected = true; 
PlayPause(list); 
} 
 
// Discription: "Back" does the same thing as "Next" but moves backwads 
// through the list. If shuffle is on then picks a random song. 
function Back(list) { 
var snum = list.selectedIndex; 
if (!shuffle) { 
if (snum == 0){ 
snum = list.length; 
} 
snum--; 
} 
 
else { 
var temp; 
do{ 
temp = Math.floor(Math.random()*songs.length); 
} while(temp == snum); 
snum = temp; 
} 
 
list.options[snum].selected = true; 
PlayPause(list); 
} 
 
// Discription: Self explanitory. 
function Stop(){ 
Player.controls.Stop(); 
} 
 
// Discription: Makes the shuffle flag the same as the status of the CheckBox 
// The status of the checkbox (true/false) indicates if the box is checked 
function ToggleShuffle(CheckBox) { 
shuffle = CheckBox.status; 
} 
 
</SCRIPT> 
 
<script ID="StateChangeHandler" Language = "JavaScript" For = "Player" Event = playStateChange(NewState)> 
 
// Description: This is an interupt handler used to handle instances when the 
// state of the player changes to play or stop for example. 
 
//STATE.innerText = NewState; 
 
switch(NewState){ 
case 8: // Handles player after it just finishes playing through a song 
var num = document.forms['form'].playlist.selectedIndex; 
 
if (!shuffle){ 
if(num == document.forms['form'].playlist.length-1){ 
num = -1; 
} 
 
num++; 
} 
else { 
var temp; 
do{ 
temp = Math.floor(Math.random()*songs.length); 
} while(temp == num); 
num = temp; 
} 
 
document.forms['form'].playlist.options[num].selected = true; 
 
PreviousState = NewState; 
break; 
 
case 1: // Handles player after it stops 
if(PreviousState == 8){ 
var num = document.forms['form'].playlist.selectedIndex; 
Player.settings.autoStart = true; 
Player.url = songs[num]; 
PreviousState = NewState; 
} 
 
else if (PreviousState != 3 && PreviousState != 2){ 
Player.controls.Play(); 
Player.settings.autoStart = false; 
} 
 
else{ 
forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML; 
} 
break; 
 
case 3: // Handles player after it starts to play 
PreviousState = NewState; 
forms['form'].PlayPauseButton.innerHTML = "Pause"; 
shuffle = document.forms['form'].ShuffleSwitch.status; 
break; 
 
case 2: // Handles player after being paused 
PreviousState = NewState; 
forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML; 
break; 
 
default: 
} 
 
</SCRIPT> 


Do you need Xanga premium for this? Everything looks fine...