mirror of https://github.com/SuperBFG7/ympd
Volume slider with the number on right
This commit is contained in:
parent
2be0ae3de6
commit
bc3a4ad4be
|
@ -63,6 +63,7 @@
|
||||||
<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="volumeslider"></div>
|
<div id="volumeslider"></div>
|
||||||
|
<span id="volume-number"></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="btn-group" role="group">
|
<!-- <div class="btn-group" role="group">
|
||||||
|
|
|
@ -491,8 +491,8 @@ function webSocketConnect() {
|
||||||
|
|
||||||
var elapsed_minutes = Math.floor(obj.data.elapsedTime / 60);
|
var elapsed_minutes = Math.floor(obj.data.elapsedTime / 60);
|
||||||
var elapsed_seconds = obj.data.elapsedTime - elapsed_minutes * 60;
|
var elapsed_seconds = obj.data.elapsedTime - elapsed_minutes * 60;
|
||||||
|
|
||||||
$('#volumeslider').slider(obj.data.volume);
|
$('#volumeslider').slider(obj.data.volume);
|
||||||
|
$('#volume-number').text(obj.data.volume+"%")
|
||||||
var progress = Math.floor(100*obj.data.elapsedTime/obj.data.totalTime);
|
var progress = Math.floor(100*obj.data.elapsedTime/obj.data.totalTime);
|
||||||
$('#progressbar').slider(progress);
|
$('#progressbar').slider(progress);
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue