23 lines
No EOL
767 B
HTML
23 lines
No EOL
767 B
HTML
<miniplayer>
|
|
{% if tracks.is_empty() %}
|
|
<ominous-message>You won't hear anything from me</ominous-message>
|
|
{% else %}
|
|
{% for track in tracks %}
|
|
<div class="track">
|
|
<p>{{ track.title }} - {{ track.artist }}</p>
|
|
<audio controls src="{{ track.src }}"></audio>
|
|
</div>
|
|
<controls>
|
|
<state>
|
|
<img src="/static/assets/svgs/skip-back.svg" width="12" height="12" />
|
|
<img src="/static/assets/svgs/play.svg" width="12" height="12" />
|
|
<img src="/static/assets/svgs/skip-forward.svg" width="12" height="12" />
|
|
</state>
|
|
<volume>
|
|
<img src="/static/assets/svgs/volume-2.svg" width="12" height="12" />
|
|
<input type="range" min="0" max="1" step="0.01" />
|
|
</volume>
|
|
</controls>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</miniplayer> |