owen/lms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added volume support in the audio player. Fixes #14

Browse Source
This commit is contained in:
emeric
2020-01-19 16:02:31 +01:00
parent e4e294aa92
commit 60701fe182
3 changed files with 125 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
approot/mediaplayer.xml
+15 -12
View File
@@ -14,20 +14,20 @@
</div>
<div class="row">
<div class="col-xs-4">
<div class="row">
<div class="col-sm-6 col-xs-12 Lms-player-controls">
<i id="lms-mp-previous" class="fa fa-step-backward Lms-player-btn"></i>
<i id="lms-mp-play" class="fa fa-play Lms-player-btn Lms-player-btn-playpause"></i>
<i id="lms-mp-pause" class="fa fa-pause Lms-player-btn Lms-player-btn-playpause" style="display: none"></i>
<i id="lms-mp-next" class="fa fa-step-forward Lms-player-btn"></i>
</div>
<div class="hidden-xs col-sm-6 Lms-player-duration">
<span id="lms-mp-curtime">--</span> / <span id="lms-mp-duration">--</span>
</div>
<div class="col-xs-4 col-sm-2 Lms-player-controls">
<i id="lms-mp-previous" class="fa fa-step-backward Lms-player-btn Lms-player-btn-controls"></i>
<i id="lms-mp-playpause" class="fa fa-play Lms-player-btn Lms-player-btn-controls"></i>
<i id="lms-mp-next" class="fa fa-step-forward Lms-player-btn Lms-player-btn-controls"></i>
</div>
<div class="hidden-xs col-sm-2">
<div class="Lms-player-volume">
<i id="lms-mp-volume" class="fa fa-fw fa-volume-up Lms-player-btn Lms-player-btn-volume"></i>
<span class="hidden-xs Lms-player-volume-slider-container">
<input id ="lms-mp-volume-slider" type="range" min="0" max="1" step="0.01" value="0.8" class="Lms-player-volume-slider"/>
</span>
</div>
</div>
<div class="col-xs-8">
<div class="col-xs-8 col-sm-6">
<div class="Lms-player-text-center">
${title class="Lms-player-text"}
</div>
@@ -35,6 +35,9 @@
<small><span class="hidden-xs">${release class="Lms-player-text Lms-explore-releasename"}</span>${artist class="Lms-player-text Lms-explore-artistname Lms-player-artistname"}</small>
</div>
</div>
<div class="hidden-xs col-sm-2 Lms-player-duration">
<span id="lms-mp-curtime">--</span> / <span id="lms-mp-duration">--</span>
</div>
</div>
</div>