audioplayer--wavesurfer.html.twig 773 B

123456789101112131415161718192021222324
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation for Wavesurfer audio player.
  5. *
  6. * Available variables:
  7. * - plugin_id: the name of the plugin being used for templating.
  8. * - plugin_theme: the name of the specific plugin theme, if it exists.
  9. * - files: array of render info for each file.
  10. * - settings: array of settings for thie player.
  11. *
  12. * @ingroup themeable
  13. */
  14. #}
  15. <div class="audiofield">
  16. {% for file in files %}
  17. <div class="audiofield-wavesurfer" id="wavesurfer_{{ file.id }}">
  18. <div class="waveform"></div>
  19. <div class="player-button playpause play">Play</div>
  20. <input type="range" class="volume" min="0" max="10" value="{{ settings.audio_player_initial_volume}}">
  21. <label>{{ file.description }}</label>
  22. </div>
  23. {% endfor %}
  24. </div>