2014-06-01 19:32:48 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8"/>
|
2015-09-22 16:33:21 +02:00
|
|
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
|
2014-06-01 19:32:48 +02:00
|
|
|
<title>Music Player</title>
|
|
|
|
|
<link href="/icons/sound2.png" type="image/png" rel="shortcut icon">
|
|
|
|
|
<link href="player.css" type="text/css" rel="stylesheet"/>
|
|
|
|
|
<script src="playlist.php" type="application/javascript"></script>
|
|
|
|
|
<script src="player.js" type="application/javascript"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body onload="init();">
|
|
|
|
|
<div id="player">
|
2015-09-22 16:33:21 +02:00
|
|
|
<img id="cover"/>
|
|
|
|
|
<div id="infos">
|
2014-06-01 19:32:48 +02:00
|
|
|
<h4 id="title"></h4>
|
2015-09-22 16:33:21 +02:00
|
|
|
<div id="controls">
|
2014-06-01 19:32:48 +02:00
|
|
|
<input id="back" type="button" value="|◀◀"/>
|
2015-09-22 16:33:21 +02:00
|
|
|
<input id="next" type="button" value="▶▶|"/><br />
|
|
|
|
|
<label for="">Shuffle:</label> <input id="shuffle" type="checkbox"/>
|
|
|
|
|
<label for="">Repeat: </label><input id="repeat" type="checkbox"/>
|
|
|
|
|
</div>
|
2014-06-01 19:32:48 +02:00
|
|
|
<p id="error"></p>
|
|
|
|
|
</div>
|
|
|
|
|
<audio id="audio" controls>This is your browser speaking, I don't support HTML5 cause I am too old to learn new tricks.</audio>
|
|
|
|
|
</div><br/>
|
|
|
|
|
<div id="playlist"></div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
