diff src/DML/MainVisBundle/Resources/views/Components/templates/player.html.twig @ 0:493bcb69166c

added public content
author Daniel Wolff
date Tue, 09 Feb 2016 20:54:02 +0100
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/DML/MainVisBundle/Resources/views/Components/templates/player.html.twig	Tue Feb 09 20:54:02 2016 +0100
@@ -0,0 +1,29 @@
+{%- jstmpl id="player" -%}
+<div class="player">
+<div class="player__cover">
+    <div class="player__message player__message_type_error">The recording could not be loaded.</div>
+    <div class="player__message player__message_type_loading">Loading...</div>
+    <div class="player__message player__message_type_no-recording">No recording to play</div>
+    <div class="player__message player__message_type_no-audio">Audio file is not available</div>
+</div>
+<div class="player__body">
+    
+    <div class="player__label player__label_row_1"></div>
+    <div class="player__label player__label_row_2"></div>
+    <div class="player__label-fader"></div>
+    
+    <div class="player__slider-container player__slider-container_type_time">  <div class="player__slider player__slider_type_time">  <div class="player__slider-head  player__slider-head_type_time">  </div></div></div>
+    <div class="player__slider-container player__slider-container_type_volume"><div class="player__slider player__slider_type_volume"><div class="player__slider-head  player__slider-head_type_volume"></div></div></div>
+
+    <div class="player__time player__time_type_before"></div>
+    <div class="player__time player__time_type_after"></div>
+    
+    <div class="player__command player__command_state_enabled player__command_action_play" title="play"><i></i></div>
+    <div class="player__command player__command_state_enabled player__command_action_pause" title="pause"><i></i></div>
+    <a   class="player__command player__command_state_enabled player__command_action_download" title="download" target="_blank"><i></i></a>
+    <div class="player__command player__command_state_enabled player__command_size_small player__command_action_volume-mute" title="mute"><i></i></div>
+    <div class="player__command player__command_state_enabled player__command_size_small player__command_action_volume-down" title="unmute"><i></i></div>
+    <div class="player__command player__command_state_enabled player__command_size_small player__command_action_volume-up" title="maximize volume"><i></i></div>
+</div>
+</div>
+{%- endjstmpl -%}