[Resolved] Read directory....

[trendMM]

Hi, a client I'm doing a website for right now is looking to have a simple easy to use mp3 player on their website so customers can listen to music while they shop around. I found a simple player and it works great but I'd like to make it so my client can just upload a mp3 to a specific directory and have it automatically update the playlist in the code below.

<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">
<select class="dropdownmp3" name="playlist">
<option value="0">Boys Night Out - Waking</option>
</select>
<input class="mp3play" TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);">
<input class="mp3stop" TYPE="BUTTON" NAME="darkstop" VALUE="stop" OnClick="document.darkplayer.Stop(); playstate=2;">
</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] ="http://www.evanbartlett.com/mp3/03-boys_night_out-waking.mp3";

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>

I was thinking of doing the readdir function but have no idea on how to go about it. It'd have to update both the playlist and the dropdown and also give them both the same value starting with 0. I know this is definetly possible but don't know what to do. I'd also like to make it so if theres no mp3s up at the time it says "No mp3s found in the playlist" or something of that nature. If someone could please help me I would greatly appreciate it.

Thanks a ton!

Evan

[bradgrafelman]

// Code removed

EDIT: On second thought, try it out on your own first.

1. Open the upload dir with [man]opendir/man.
2. Use a [man]while/man loop to loop through [man]readdir/man and add the file names to an array.
3. Check to make sure the array isn't empty using [man]count/man which would indicate there are no files in that folder.
4. Use two [man]for/man loops to consecutively increase a variable $i so long as it as less than the number of items in the file list array (again use [man]count/man to find this number). Use $i as the 'option value="number"' as well as the 'songs[number]' in the javascript.

[trendMM]

Thanks for your help. I'm still a little lost though. Anyway that you can show me a bit of code using these techniques? Thanks again!

[bradgrafelman]

Normally I don't spoonfeed people, but... sighs I s'pose if you promise you'll look at my code and don't take my word for it; look at what I've done, look at the functions in the manual if you have to, so that you can learn a little from it.

$path = 'testme/';
$files_array = array();

if ($handle = @opendir($path)) {

while (false !== ($file = readdir($handle))) {

	// The following line skips over any directories or files that start with a period
	if($file == '.' || $file == '..' || is_dir($path.$file) || $file{0} == ".") continue;
	$files_array[] = $file;

}

} else {

die('Error opening upload directory! Make sure it exists and that permissions are correct.');

}

if (count($files_array) == 0) { // No files in directory were found.

die('No mp3s found in the playlist');

} else {

$site_url = 'http://www.evanbartlett.com/mp3/';

echo <<<EOD
<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"> 
<select class="dropdownmp3" name="playlist">

EOD;

for($i = 0; $i < count($files_array); $i++) {

echo "<option value=\"$i\">" . substr($files_array[$i], 0, strlen($files_array[$i])-4) . "</option>\n";

}

echo <<<EOD
</select> 
<input class="mp3play" TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);"> 
<input class="mp3stop" TYPE="BUTTON" NAME="darkstop" VALUE="stop" OnClick="document.darkplayer.Stop(); playstate=2;"> 
</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();

EOD;

for($i = 0; $i < count($files_array); $i++) {

echo "songs[$i] = '$site_url{$files_array[$i]}'\n";

}

echo <<<EOD
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>
EOD;

}

EDIT: Yes, I know the for() statements could have fit on one line instead of using {}'s and all that, but I figured it looked cleaner this way.

[trendMM]

thanks alot!

[bradgrafelman]

So, did this solve your problem? If so, don't forget to mark this thread resolved!

[trendMM]

oh yeah it did thanks. sorry i didn't even realize there was the resolve thing at the bottom.

[ConverseNation]

I read the entire post and I loved the way you wrote it. I am just learning how to even set up PHP and have been told PHP can help me using a variable to then pull the correct images by directing the pull from the appropriate directory...

I am not searching properly as I know this has to be a basic coding for a simple result...

I would like to have the index.html or index.php pull the header image, the physical location image and 4 ad images for the page based on the NASID of the visiting client device.

Concept is this:

define the $URL as website
the use the NASID to indicate the folder Something like
imgsrc = http://"$URL"/images/". NASID . "/header.jpg
imgsrc = http://"$URL"/images/". NASID . "/venue.jpg
imgsrc = http://"$URL"/images/". NASID . "/sponsorad1.jpg
imgsrc = http://"$URL"/images/". NASID . "/sponsorad4.jpg

If I can learn the variables and i should be able to get the syntax figured out based on posts. However, it has not been so easy. As the page is index.html so I having trouble grasping the simplest concept, and the phpmanual is great if I wanted to database this... which is not an option at this time.