46 lines
2.2 KiB
XML
46 lines
2.2 KiB
XML
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<messages xmlns:if="Wt.WTemplate.conditions">
|
|
<!--FORMS message blocks-->
|
|
|
|
<message id="Lms.MediaPlayer.template">
|
|
<audio id="lms-mp-audio">
|
|
</audio>
|
|
<div class="container">
|
|
<div class="Lms-player-seek-container">
|
|
<input id="lms-mp-seek" class="Lms-player-seek-common Lms-player-seek" type="range" min="0" max="100" step="1" value="0"/>
|
|
<div class="progress Lms-player-seek-common Lms-player-progress">
|
|
<div id="lms-mp-progress" class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-5 col-sm-2 Lms-player-controls">
|
|
<i id="lms-mp-previous" class="fa fa-step-backward Lms-player-btn Lms-control-btn Lms-player-btn-controls"></i><i id="lms-mp-playpause" class="fa fa-play Lms-player-btn Lms-control-btn Lms-player-btn-controls"></i><i id="lms-mp-next" class="fa fa-step-forward Lms-player-btn Lms-control-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-control-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-7 col-sm-6">
|
|
<div class="Lms-player-text-center">
|
|
${title class="Lms-player-text Lms-trackname text-primary"}
|
|
</div>
|
|
<div class="Lms-player-text-center">
|
|
<span class="hidden-xs">${release class="Lms-player-text Lms-releasename text-primary"}</span><small>${artist class="Lms-player-text Lms-artistname text-muted"}</small>
|
|
</div>
|
|
</div>
|
|
<div class="hidden-xs col-sm-2 Lms-player-duration text-muted">
|
|
<a id="lms-transcoding-active" class="Lms-player-btn Lms-control-btn" data-toggle="tooltip" title="${tr:Lms.Player.transcoding-active}" style="display:none"><i class="fa fa-fw fa-info-circle" aria-hidden="true"></i></a>
|
|
<span id="lms-mp-curtime">--</span> / <span id="lms-mp-duration">--</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</message>
|
|
|
|
</messages>
|