Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
radiopanik
panikweb
Commits
329a8482
Commit
329a8482
authored
Aug 27, 2013
by
Simon Daron
Browse files
Audio simple HTML5
parent
65043d2b
Changes
3
Hide whitespace changes
Inline
Side-by-side
panikweb_templates/templates/episodes/inline.html
View file @
329a8482
...
...
@@ -34,15 +34,10 @@
</div>
{% endif %}
</a>
{% if episode.main_sound %}
<div
class=
"sound"
>
{% include "includes/audio.html" with sound=episode.main_sound %}
</div>
{% endif %}
</div>
{% if episode.main_sound %}
<div
class=
"sound"
>
{% include "includes/audio.html" with sound=episode.main_sound %}
</div>
<!--
<div class="controls todo right">
<button class="symbol play">A</button><button class="symbol add">B</button>
</div>
-->
{% endif %}
</div>
panikweb_templates/templates/episodes/resume.html
View file @
329a8482
...
...
@@ -27,14 +27,6 @@
<div
class=
"content"
>
<h5
class=
"title"
><a
href=
"{{ episode.slug }}"
>
{{ episode.title }}
</a></h5>
{% if episode.main_sound|is_format_available:'ogg' %}
dispo en ogg, {{ episode.main_sound|format_url:'ogg' }}
{% endif %}
{% if episode.main_sound|is_format_available:'mp3' %}
dispo en mp3, {{ episode.main_sound|format_url:'mp3' }}
{% endif %}
{% if episode.description %}
<article
class=
"text"
>
{{ episode.description|safe }}
...
...
@@ -61,15 +53,10 @@
<li><button
class=
"tag"
>
Synthetiseur
</button></li>
</ul>
</div>
{% if episode.main_sound %}
<div
class=
"sound"
>
{% include "includes/audio.html" with sound=episode.main_sound %}
</div>
{% endif %}
</div>
{% if episode.main_sound %}
<div
class=
"sound"
>
{% include "includes/audio.html" with sound=episode.main_sound %}
</div>
<!--
<div class="controls todo right">
<button class="symbol play">A</button><button class="symbol add">B</button>
</div>
-->
{% endif %}
</div>
panikweb_templates/templates/includes/audio.html
View file @
329a8482
{% load soundfiles %}
{% if sound %}
<span
class=
"controls audioControls small"
data-audio-controlNot=
"Audio-{{ sound.file.url|slugify }}"
>
<button
class=
"playpause icon-play"
>
{{ sound.content_types }}
</button>
<button
class=
"icon-eye-open"
title=
"Show/Hidden HTML5 audio player"
onclick=
"$('#Audio-{{ sound.file.url|slugify }}').toggleClass('hidden');$(this).toggleClass('icon-eye-open icon-eye-close');return false;"
></button>
<a
class=
"icon-download"
href=
"{{ sound.url }}"
></a>
</span>
<audio
id=
"Audio-{{ sound.file.url|slugify }}"
preload=
"{% if preload %}{{ preload }}{% else %}false{% endif %}"
{%
if
controls
%}
controls=
"{{ controls }}"
{%
endif
%}
>
<!--
<span class="controls audioControls" data-audio-control="Audio-{{ sound.file.url|slugify }}">
<button class="playpause icon-play">{{ sound.content_types }}</button>
<button class="icon-eye-open" title="Show/Hidden HTML5 audio player" onclick="$('#Audio-{{ sound.file.url|slugify }}').toggleClass('hidden');$(this).toggleClass('icon-eye-open icon-eye-close');return false;"></button>
<a class="icon-download" href="{{ sound.url }}"></a>
</span>
-->
<audio
id=
"Audio-{{ sound.file.url|slugify }}"
preload=
"{% if preload %}{{ preload }}{% else %}false{% endif %}"
controls=
"{% if controls %}{{ controls }}{% else %}controls{% endif%}"
>
{% if episode.main_sound|is_format_available:'ogg' %}
dispo en ogg,
<source
src=
"{{ sound|format_url:'ogg' }}"
type=
"audio/ogg"
>
{% endif %}
{% if episode.main_sound|is_format_available:'mp3' %}
dispo en mp3,
<source
src=
"{{ sound|format_url:'mp3' }}"
type=
"audio/mpeg"
>
{% endif %}
</audio>
</audio>
{% else %}
<div
class=
"icon-ban-circle "
>
No sound!
</div>
{% endif%}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment