2018-03-11 17:17:35 +00:00
|
|
|
component AudioPlayer
|
2018-03-11 19:22:33 +00:00
|
|
|
#audio-player
|
2018-03-11 23:59:23 +00:00
|
|
|
#audio-player-anime-info.hidden
|
2018-03-23 20:33:19 +00:00
|
|
|
a#audio-player-anime-link(href="", title="")
|
2018-03-11 22:12:21 +00:00
|
|
|
img#audio-player-anime-image.lazy.hidden(data-src="", data-webp="true", alt="Anime cover")
|
2018-03-11 21:42:58 +00:00
|
|
|
|
2018-03-23 20:33:19 +00:00
|
|
|
a#audio-player-track-title(href="")
|
2018-03-11 21:42:58 +00:00
|
|
|
|
2018-03-11 20:28:07 +00:00
|
|
|
#audio-player-controls
|
2018-03-11 20:37:07 +00:00
|
|
|
button#audio-player-prev.audio-player-side-button.action(data-action="playPreviousTrack", data-trigger="click")
|
2018-03-11 20:28:07 +00:00
|
|
|
RawIcon("step-backward")
|
|
|
|
|
|
|
|
|
|
.audio-player-play-pause-container
|
|
|
|
|
button#audio-player-play.action(data-action="resumeAudio", data-trigger="click")
|
|
|
|
|
RawIcon("play")
|
|
|
|
|
|
|
|
|
|
button#audio-player-pause.fade-out.action(data-action="pauseAudio", data-trigger="click")
|
|
|
|
|
RawIcon("pause")
|
|
|
|
|
|
2018-03-11 20:37:07 +00:00
|
|
|
button#audio-player-next.audio-player-side-button.action(data-action="playNextTrack", data-trigger="click")
|
2018-03-11 20:28:07 +00:00
|
|
|
RawIcon("step-forward")
|
2018-03-11 17:17:35 +00:00
|
|
|
|
2018-03-11 19:29:22 +00:00
|
|
|
input#audio-player-volume.action(data-action="setVolume", data-trigger="input", type="range", min="0", max="100", value="50")
|
