global: add formatter
This commit is contained in:
parent
eb6819bb76
commit
6c87abd4fc
19 changed files with 3925 additions and 288 deletions
|
|
@ -13,31 +13,78 @@
|
|||
</title-bar>
|
||||
|
||||
<progress-bar-container>
|
||||
<input class="progress-input" type="range" min="0" max="0" value="0" step="0.01" />
|
||||
<input
|
||||
class="progress-input"
|
||||
type="range"
|
||||
min="0"
|
||||
max="0"
|
||||
value="0"
|
||||
step="0.01"
|
||||
/>
|
||||
</progress-bar-container>
|
||||
|
||||
<controls-bar>
|
||||
<transport-controls>
|
||||
<button data-action="prev" aria-label="Previous">
|
||||
<img src="/static/assets/svgs/skip-back.svg" width="12" height="12" alt="Skip back" />
|
||||
<img
|
||||
src="/static/assets/svgs/skip-back.svg"
|
||||
width="12"
|
||||
height="12"
|
||||
alt="Skip back"
|
||||
/>
|
||||
</button>
|
||||
<button data-action="play" aria-label="Play/Pause">
|
||||
<img class="play-icon" src="/static/assets/svgs/play.svg" width="12" height="12" alt="Play" />
|
||||
<img class="pause-icon" src="/static/assets/svgs/pause.svg" width="12" height="12" alt="Pause" style="display: none;" />
|
||||
<img
|
||||
class="play-icon"
|
||||
src="/static/assets/svgs/play.svg"
|
||||
width="12"
|
||||
height="12"
|
||||
alt="Play"
|
||||
/>
|
||||
<img
|
||||
class="pause-icon"
|
||||
src="/static/assets/svgs/pause.svg"
|
||||
width="12"
|
||||
height="12"
|
||||
alt="Pause"
|
||||
style="display: none"
|
||||
/>
|
||||
</button>
|
||||
<button data-action="next" aria-label="Next">
|
||||
<img src="/static/assets/svgs/skip-forward.svg" width="12" height="12" alt="Skip forward" />
|
||||
<img
|
||||
src="/static/assets/svgs/skip-forward.svg"
|
||||
width="12"
|
||||
height="12"
|
||||
alt="Skip forward"
|
||||
/>
|
||||
</button>
|
||||
</transport-controls>
|
||||
<volume-controls>
|
||||
<img src="/static/assets/svgs/volume-2.svg" width="12" height="12" alt="Volume" />
|
||||
<input class="volume-input" type="range" min="0" max="1" step="0.01" value="0.7" />
|
||||
<img
|
||||
src="/static/assets/svgs/volume-2.svg"
|
||||
width="12"
|
||||
height="12"
|
||||
alt="Volume"
|
||||
/>
|
||||
<input
|
||||
class="volume-input"
|
||||
type="range"
|
||||
min="0"
|
||||
max="1"
|
||||
step="0.01"
|
||||
value="0.7"
|
||||
/>
|
||||
</volume-controls>
|
||||
</controls-bar>
|
||||
|
||||
<audio hidden>
|
||||
{% for track in tracks %}
|
||||
<source src="{{ track.src }}" data-index="{{ loop.index0 }}" data-title="{{ track.title }}" data-artist="{{ track.artist }}" />
|
||||
<source
|
||||
src="{{ track.src }}"
|
||||
data-index="{{ loop.index0 }}"
|
||||
data-title="{{ track.title }}"
|
||||
data-artist="{{ track.artist }}"
|
||||
/>
|
||||
{% endfor %}
|
||||
</audio>
|
||||
{% endif %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue