47 lines
2.0 KiB
XML
47 lines
2.0 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-info 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-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 col-sm-6">
|
|
<div class="Lms-player-text-center">
|
|
${title class="Lms-player-text"}
|
|
</div>
|
|
<div class="Lms-player-text-center">
|
|
<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>
|
|
|
|
</message>
|
|
|
|
</messages>
|