Audio thumbnailing & spectrograms, media plugins use sniffing

[mediagoblin.git] / mediagoblin / templates / mediagoblin / media_displays / audio.html

diff --git a/mediagoblin/templates/mediagoblin/media_displays/audio.html b/mediagoblin/templates/mediagoblin/media_displays/audio.html
index 802a85c1c98942b85ee8b81ee72c010244ae9088..f130e323528330a802fe5a224239b872afdf9c6c 100644 (file)
--- a/mediagoblin/templates/mediagoblin/media_displays/audio.html
+++ b/mediagoblin/templates/mediagoblin/media_displays/audio.html
@@ -20,7 +20,14 @@
 
 {% block mediagoblin_media %}
   <div class="audio-media">
-    <audio controls="controls"
+    {% if 'spectrogram' in media.media_files %}
+      <div class="audio-spectrogram">
+       <img src="{{ request.app.public_store.file_url(
+                     media.media_files.spectrogram) }}"
+            alt="Spectrogram" />
+      </div>
+    {% endif %}
+    <audio class="audio-player" controls="controls"
           preload="metadata">
       <source src="{{ request.app.public_store.file_url(
                       media.media_files.ogg) }}" type="video/webm; encoding=&quot;vorbis&quot;" />