1 {% load soundfiles paniktags i18n %}
2 {% if sound|is_format_available:'mp3' or sound|is_format_available:'ogg' %}
3 <div class="audio" data-sound-id="{{ sound.id }}">
5 <a class="resymbol icon-download big"
7 target="_new" rel="noopener" download
8 {% if sound|is_format_available:'mp3' %}
9 href="{{ sound|format_url:'mp3' }}"
11 href="{{ sound|format_url:'ogg' }}"
16 <button class="action-play"
17 data-player-audio="Audio-{{ sound.file.url|slugify }}"
18 data-player-action="playAudio"
19 >Écouter le podcast</button>
20 {% if sound|is_format_available:'ogg' %}
21 / <a href="{{ sound|format_url:'ogg' }}" download>Télécharger</a>
22 {% elif sound|is_format_available:'mp3' %}
23 / <a href="{{ sound|format_url:'mp3' }}" download>Télécharger</a>
27 <button class="icons icon-pause"
28 title="{% trans "Pause" %}"
29 data-player-audio="Audio-{{ sound.file.url|slugify }}"
30 data-player-action="pauseSounds"
34 {% if display_fragment_name %}
35 <div class="fragment-name">
42 data-url="{% url 'episode-view' emission_slug=sound.episode.emission.slug slug=sound.episode.slug %}"
43 data-sound-id="{{ sound.id }}"
44 {% if sound.fragment and sound.title %}title="{{ sound.title }}"
45 {% else %}title="{{sound.episode.title}}"{% endif %}
46 id="Audio-{{ sound.file.url|slugify }}"
47 preload="{% if preload %}{{ preload }}{% else %}none{% endif %}"
48 controls="{% if controls %}{{ controls }}{% else %}controls{% endif%}"
50 {% if sound|is_format_available:'ogg' %}
51 <source src="{{ sound|format_url:'ogg' }}" type="audio/ogg">
53 {% if sound|is_format_available:'mp3' %}
54 <source src="{{ sound|format_url:'mp3' }}" type="audio/mpeg">
56 <div class="alternative padded">
57 <div class="info smooth">Your browser can't play audio files</div>
58 <strong>Download: </strong>
59 {% if sound|is_format_available:'ogg' %}
60 <a class="icon-headphones" href="{{ sound|format_url:'ogg' }}"> ogg</a>
62 {% if sound|is_format_available:'mp3' %}
63 <a class="icon-headphones" href="{{ sound|format_url:'mp3' }}"> mp3</a>
68 <div class="waveform" data-sound-id="{{ sound.id }}" data-duration="{{ sound.duration }}"
69 data-duration-string="{{ sound.get_duration_string }}"></div>
72 <div class="hidden error">No sound available!</div>