mirrors/ympd
1
0
Fork 0
mirror of https://github.com/SuperBFG7/ympd synced 2024-11-23 05:17:18 +00:00
Code Issues Releases Wiki Activity

make local playback controls better distinguishable from mpd controls by

Browse Source 
reordering and grouping them. also clean up markup by removing
autoplay="false" which is not correct html5 

Signed-off-by: Christian Krafft <parabelboi@gmail.com>
This commit is contained in:
Christian Krafft 2014-06-30 17:34:38 +02:00
parent 645161bc8a
commit 718ac3024e
1 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
htdocs/index.html
View File

@ -49,6 +49,7 @@
</div> </div>
</form> </form>
<div class="btn-toolbar navbar-btn navbar-right" role="toolbar"> <div class="btn-toolbar navbar-btn navbar-right" role="toolbar">
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-default" onclick="socket.send('MPD_API_SET_PREV');"> <button type="button" class="btn btn-default" onclick="socket.send('MPD_API_SET_PREV');">
<span class="glyphicon glyphicon-backward"></span> <span class="glyphicon glyphicon-backward"></span>
@ -62,8 +63,13 @@
<button type="button" class="btn btn-default" onclick="socket.send('MPD_API_SET_NEXT');"> <button type="button" class="btn btn-default" onclick="socket.send('MPD_API_SET_NEXT');">
<span class="glyphicon glyphicon-forward"></span> <span class="glyphicon glyphicon-forward"></span>
</button> </button>
<div class="btn btn-toolbar btn-default">
<span id="volume-icon" class="glyphicon glyphicon-volume-up"></span>
<div id="volumeslider"></div>
</div> </div>
<audio id="player" preload="none" src="http://mpd:8000/mpd.ogg" autoplay="false"></audio> </div>
<audio id="player" preload="none" src="http://mpd:8000/mpd.ogg"></audio>
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-default" onclick="clickLocalStop()"> <button type="button" class="btn btn-default" onclick="clickLocalStop()">
<span id="stop-icon" class="glyphicon glyphicon-stop"></span> <span id="stop-icon" class="glyphicon glyphicon-stop"></span>
@ -71,19 +77,12 @@
<button type="button" class="btn btn-default" onclick="clickLocalPlay()"> <button type="button" class="btn btn-default" onclick="clickLocalPlay()">
<span id="play-icon" class="glyphicon glyphicon-play"></span> <span id="play-icon" class="glyphicon glyphicon-play"></span>
</button> </button>
</div>
<div class="btn-group">
<div class="btn btn-toolbar btn-default"> <div class="btn btn-toolbar btn-default">
<span id="volume-icon" class="glyphicon glyphicon-volume-up"></span> <span id="volume-icon" class="glyphicon glyphicon-volume-up"></span>
<div id="localvolumeslider"></div> <div id="localvolumeslider"></div>
</div> </div>
</div> </div>
<div class="btn-group">
<div class="btn btn-toolbar btn-default">
<span id="volume-icon" class="glyphicon glyphicon-volume-up"></span>
<div id="volumeslider"></div>
</div>
</div>
</div> </div>
</div><!--/.nav-collapse --> </div><!--/.nav-collapse -->
</div> </div>