AudioFolderPlayer/index.php at master · mill-j/AudioFolderPlayer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html>
    <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="audio_player.css">
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<link rel="stylesheet" href="fonts/font-awesome-4.0.3/css/font-awesome.min.css">
</head>

<body>
<!--
	Audio Folder Player
	by Freakk
	ffr3akk@gmail.com
-->
<div id="player" class="window" data-autoplay="0">
	<?php
		/* READ MP3 FILES FROM FOLDER */
		$songs = "";
		$song_names = array();
		$i=0;
		foreach (glob("songs/*.mp3") as $filename) {
		$i++;
		$filename_cut = substr ( $filename , strlen("songs/"));
			$noext = substr ( $filename_cut , 0, -4);
			$song_names[$i-1] = $noext;
			$songs = $songs .'<audio id="song'.$i.'" src="songs/'.$filename_cut.'" name="'.$noext.'" type="audio/mpeg"></audio>';
		}
	?>
	<div id="playlist" value="<?php echo $i?>">
	<?php echo $songs?>
	</div> <!-- /#playlist -->
	<div id="display" class="display">
		<div id="timer" class="display_text">00:00</div>
		<div id="title" class="display_text">- - - - - - - - - -</div>
		<div id="vol_container" class="display_text">
			<div id="vol_on" class="vol_icon"><i class="fa fa-volume-up"></i></div>
			<div id="vol_off" class="vol_icon"><i class="fa fa-volume-off"></i></div>
			<div id="vol_bar_container">
				<div id="vol_bar"></div>
			</div>
			<div id="playlist_display_btn">PL</div><!-- /#playlist_display_btn -->
		</div><!-- /#vol_container -->

	</div> <!-- /#display -->
	<div id	="progressbar_container"><div id="progressbar_buffer"></div><div id="progressbar"></div></div>
	<div id="controls">
		<div class="ctrl_btn" id="prev"><i class="fa fa-fast-backward"></i></div>
		<div class="ctrl_btn" id="fbwd"><i class="fa fa-backward"></i></div>
		<div class="ctrl_btn" id="play"><i class="fa fa-play"></i></div>
		<div class="ctrl_btn" id="pause" style="display:none;"><i class="fa fa-pause"></i></div>
		<div class="ctrl_btn" id="stop"><i class="fa fa-stop"></i></div>
		<div class="ctrl_btn" id="ffwd"><i class="fa fa-forward"></i></div>
		<div class="ctrl_btn" id="next"><i class="fa fa-fast-forward"></i></div>
		<div class="ctrl_btn" id="rand"><i class="fa fa-random"></i></div>
		<div class="ctrl_btn" id="randon"  style="display:none;"><i class="fa fa-random"></i></div>
		<span class="stretch"></span>
	</div><!-- /#controls -->
</div> <!-- /#player -->

<div id="playlist_container" class="window">
<div id="playlist_display" class="display">
	<?php
		$j=0;
		$row_color[0] = "odd";
		$row_color[1] = "even";
		foreach ($song_names as $name) {
			$j++;

			echo('
				<div class="song_name '.$row_color[$j%2].'" value="'.$j.'">'.carryZero($j).' : '.$name.'</div>
			');
		}
		function carryZero($n){
			if($n<10) return '0'.$n;
			else return $n;
		}
	?>
</div><!-- /#playlist_display -->

<script language="javascript" type="text/javascript" src="audio_player.js"></script>
</body>
</html>