style: use waveforms with higher sample rate

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index af3207ab9de1d84af4b1e189a163658564104442..fdb767af709818e71f6f6baba1ed80c1229d1a01 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -1545,7 +1545,8 @@ h3.episode-subtitle {
        background: #3A3A3A;
        background: rgba(10, 10, 10, 0.8);
        display: inline-block;
-       width: 0.50%;
+       // 100% / n_samples
+       width: 0.2%;
 }
 
 .waveform span.done {

diff --git a/panikweb_templates/static/js/specifics.js b/panikweb_templates/static/js/specifics.js
index c35b3bf23209ca2ac7472faa77cee07542d631e7..be54189ea193ea834ded48bd94935ad732ae1d6b 100644 (file)
--- a/panikweb_templates/static/js/specifics.js
+++ b/panikweb_templates/static/js/specifics.js
@@ -461,7 +461,7 @@ $(function() {
                        var audio_src = $(audio).find('source')[0];
                        var sound_id = $(audio).data('sound-id');
                        var $waveform = $(audio).next();
-                       $.getJSON(audio_src.src.replace('.ogg', '.waveform.json'), function(data) {
+                       $.getJSON(audio_src.src.replace('.ogg', '.waveform-500.json'), function(data) {
                                $waveform.empty();
                                $waveform.append('<i class="duration">' + $waveform.data('duration-string') + '</i>');
                                $.each(data, function(k, val) {