Built motion from commit 97153652.|2.6.26

[motion2.git] / snippet / 3.9.0 / templates / aa115958da0c50d34968.html

diff --git a/snippet/3.9.0/templates/aa115958da0c50d34968.html b/snippet/3.9.0/templates/aa115958da0c50d34968.html
new file mode 100644 (file)
index 0000000..e2119a7
--- /dev/null
+++ b/snippet/3.9.0/templates/aa115958da0c50d34968.html
@@ -0,0 +1,42 @@
+<div class="audio-player">
+  <div ng-switch="$ctrl.loading">
+    <!-- loading spinner -->
+    <md-progress-circular
+      ng-switch-when="true"
+      class="md-hue-2"
+      md-diameter="26px"
+    ></md-progress-circular>
+
+    <!-- PLAY/PAUSE BUTTON -->
+    <div
+      ng-switch-when="false"
+      class="play-pause-btn"
+      ng-click="$ctrl.togglePlay()"
+    >
+      <span class="material-icons playPause"> {{$ctrl.playPause}} </span>
+    </div>
+  </div>
+
+  <div class="controls">
+    <div ng-if="$ctrl.options.showCurrentTime" class="current-time">
+      {{$ctrl.currentTime}}
+    </div>
+    <md-slider
+      ng-disabled="$ctrl.loading"
+      ng-model="$ctrl.sliderTime"
+      ng-change="$ctrl.onSliderTimeChanged()"
+      min="0"
+      max="100"
+      aria-label="blue"
+      id="blue-slider"
+      class="md-primary slider"
+    >
+    </md-slider>
+    <span ng-if="$ctrl.options.showTotalTime" class="total-time"
+      >{{$ctrl.totalTime}}</span
+    >
+  </div>
+  <audio crossorigin ng-hide="true" preload="metadata">
+    <source ng-src="{{$ctrl.source}}" type="{{$ctrl.type}}" />
+  </audio>
+</div>