2018-09-12 13:04:00 -04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Musik</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/static/musik.css">
|
|
|
|
|
<script type="text/javascript" src="/static/musik.js"></script>
|
2018-09-14 08:02:24 -04:00
|
|
|
<script>window.onload = load;</script>
|
2018-09-12 13:04:00 -04:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2018-09-20 10:00:07 -04:00
|
|
|
<div id="globalContainer">
|
|
|
|
|
<div id="titleContainer"><h1>Musik</h1></div>
|
2018-09-12 17:52:38 -04:00
|
|
|
<div id="navigationContainer">
|
2018-09-13 14:22:27 -04:00
|
|
|
<div id="currentDirectory">{{ cd }}</div>
|
2018-09-12 17:52:38 -04:00
|
|
|
<ul id="navItems">
|
|
|
|
|
{% for item in nav_items %}
|
|
|
|
|
<li><a href="javascript:void(0);" onclick="navigate('{{ item }}')">{{ item }}</a></li>
|
|
|
|
|
{% endfor %}
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="playerContainer">
|
2019-01-11 11:27:25 -05:00
|
|
|
<span id="albumCover"><img src="/musik/album_cover{{ initial_cover }}"/></span>
|
|
|
|
|
<span id="playerControls">
|
2018-09-20 10:00:07 -04:00
|
|
|
<h3 id="nowPlaying">{{ initial_track }}</h3>
|
2018-09-12 17:52:38 -04:00
|
|
|
<audio id="player" controls>
|
|
|
|
|
<source id="stream" src="{{ url_for('stream', track=initial_track) }}" type="audio/ogg">
|
|
|
|
|
</audio>
|
2018-09-20 10:00:07 -04:00
|
|
|
<div>
|
|
|
|
|
<input type="checkbox" name="shuffle" id="shuffle" checked="true">
|
|
|
|
|
<label for="shuffle">Shuffle</label>
|
|
|
|
|
</div>
|
2019-01-11 11:27:25 -05:00
|
|
|
</span>
|
2018-09-12 17:52:38 -04:00
|
|
|
</div>
|
2018-09-12 13:04:00 -04:00
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
