forked from platypush/platypush
62 lines
1.9 KiB
HTML
62 lines
1.9 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="six columns offset-by-three slider-container" id="track-seeker-container">
|
|
<input type="range" min="0" id="track-seeker" disabled="disabled" class="slider">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="eight columns offset-by-two">
|
|
<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="six columns offset-by-three 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>
|
|
|