51 lines
2.0 KiB
HTML
51 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="styles.css" />
|
|
<meta charset="UTF-8" />
|
|
<title>RktPlayer - A music player</title>
|
|
<!--<script src="../../webui-wire/js/menu.js"></script>-->
|
|
<script src="menu.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="pane">
|
|
<div class="buttons">
|
|
<button id="prev" class="command"><img id="previous-img" src="buttons/previous.svg" /></button>
|
|
<button id="play" class="command"><img id="play-img" src="buttons/play.svg" /></button>
|
|
<button id="stop" class="command"><img id="stop-img" src="buttons/stop.svg" /></button>
|
|
<button id="next" class="command"><img id="next-img" src="buttons/next.svg" /></button>
|
|
<input type="range" min="0" max="100" value="0" class="h-slider" id="seek" step="0.01" />
|
|
<div class="text-block"><span id="time" class="time">00:00:00</span></div>
|
|
<div class="text-block"><span id="totaltime" class="time">00:00:00</span></div>
|
|
<button id="repeat" class="command"><img id="repeat-img" src="buttons/repeat-off.svg" /></button>
|
|
<button id="volume" class="command"><img id="volume-img" src="buttons/volume-high.svg" /></button>
|
|
</div>
|
|
<div class="hpane">
|
|
<div class="music-info">
|
|
<div class="music-library">
|
|
<div id="library" class="content scrolly">
|
|
<!-- Library -->
|
|
</div>
|
|
</div>
|
|
<div class="album-art">
|
|
<div id="album-art" class="content">
|
|
<!-- Album art -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="music-playing">
|
|
<div id="tabs" class="tabs">
|
|
<span id="tab1" class="tab">Default</span>
|
|
</div>
|
|
<div id="tracks" class="content scrolly">
|
|
<!-- Music playing -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="status">
|
|
<span class="info" id="bits"></span><span class="info" id="rate"></span><span class="info" id="channels"></span>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|