64 lines
2.0 KiB
HTML
64 lines
2.0 KiB
HTML
<script type="text/javascript" src="{{ url_for('static', filename='js/music.mpd.js') }}"></script>
|
|
|
|
<div class="row track-info">
|
|
<span class="no-track">No media is being played</span>
|
|
<span class="artist"></span>
|
|
<span class="track"></span>
|
|
</div>
|
|
|
|
<div class="playback-controls">
|
|
<div class="row">
|
|
<div class="eight columns offset-by-two slider-container" id="track-seeker-container">
|
|
<span class="seek-time" id="seek-time-elapsed">-:--</span>
|
|
<input type="range" min="0" id="track-seeker" disabled="disabled" class="slider" style="width:75%">
|
|
<span class="seek-time" id="seek-time-length">-:--</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="ten columns offset-by-one">
|
|
<button data-action="previous">
|
|
<i class="fa fa-step-backward"></i>
|
|
</button>
|
|
|
|
<button data-action="repeat">
|
|
<i class="fa fa-repeat"></i>
|
|
</button>
|
|
|
|
<button data-action="play">
|
|
<i class="fa fa-play"></i>
|
|
</button>
|
|
|
|
<button data-action="pause">
|
|
<i class="fa fa-pause"></i>
|
|
</button>
|
|
|
|
<button data-action="stop">
|
|
<i class="fa fa-stop"></i>
|
|
</button>
|
|
|
|
<button data-action="random">
|
|
<i class="fa fa-random"></i>
|
|
</button>
|
|
|
|
<button data-action="next">
|
|
<i class="fa fa-step-forward"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="eight columns offset-by-two slider-container" id="volume-ctrl-container">
|
|
<i class="fa fa-volume-down"></i>
|
|
<input type="range" min="0" max="100" id="volume-ctrl" class="slider" style="width:90%">
|
|
<i class="fa fa-volume-up"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div id="music-browser" class="three columns music-pane"></div>
|
|
<div id="playlist-content" class="nine columns music-pane"></div>
|
|
</div>
|
|
|