malept/gmusicprocurator

<audio autoplay></audio>
<progress id="track-position" max="0" value="0"></progress>
<nav>
  <span id="now-playing"></span>
  <span class="controls">
    <button class="pure-button previous" title="Previous track"><span class="fa fa-step-backward"></span></button>
    <button class="pure-button rewind" title="Rewind"><span class="fa fa-backward"></span></button>
    <button class="pure-button stop" title="Stop"><span class="fa fa-stop"></span></button>
    <button class="pure-button play-pause" title="Play/pause"><span class="fa fa-play"></span></button>
    <button class="pure-button forward" title="Fast forward"><span class="fa fa-forward"></span></button>
    <button class="pure-button next" title="Next track"><span class="fa fa-step-forward"></span></button>
    <button class="pure-button play-mode" title="Play mode"><span class="fa"></span></button>
    <button class="pure-button volume-control" title="Volume control"><span class="fa"></span></button>
    <span class="volume-control-widget invisible">
      <input type="range" min="0" max="100" list="volume-presets"/>
      <datalist id="volume-presets">
        [% _.each([0, 25, 50, 75, 100], function (preset) { %]
        <option value="[[ preset ]]"/>
        [% }); /* end foreach */ %]
      </datalist>
    </span>
  </span>
</nav>