46 lines
1.4 KiB
HTML
46 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes" />
|
|
<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>
|
|
<script src="id3-minimiezd.js"></script>
|
|
</head>
|
|
<body onload="init();">
|
|
<div id="player">
|
|
<img id="cover"/>
|
|
<div id="infos">
|
|
<h4 id="title"></h4>
|
|
<p>
|
|
<span id="artist"></span>
|
|
</p>
|
|
<p>
|
|
<span id="album"></span>
|
|
</p>
|
|
<div id="controls">
|
|
<p>
|
|
<input id="back" type="button" value="|◀◀"/>
|
|
<input id="next" type="button" value="▶▶|"/>
|
|
</p>
|
|
<p>
|
|
<label for="shuffle">Shuffle:</label>
|
|
<input id="shuffle" type="checkbox"/>
|
|
<label for="repeat">Repeat: </label>
|
|
<input id="repeat" type="checkbox"/>
|
|
</p>
|
|
</div>
|
|
<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>
|