fix getting waveform for mp3 soundfiles

[panikweb-esperanzah.git] / panikweb_esperanzah / static / js / specifics.js

diff --git a/panikweb_esperanzah/static/js/specifics.js b/panikweb_esperanzah/static/js/specifics.js
index 30cf1dfe71296089520e7c3f5015c5aef6ec8ec5..5f9a6efaf103c2b9c3f0000d8cc69e70d01b5a00 100644 (file)
--- a/panikweb_esperanzah/static/js/specifics.js
+++ b/panikweb_esperanzah/static/js/specifics.js
@@ -443,7 +443,8 @@ $(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) {
+                       var waveform_url = audio_src.src.replace('.ogg', '.waveform.json').replace('.mp3', '.waveform.json');
+                       $.getJSON(waveform_url, function(data) {
                                $waveform.empty();
                                $waveform.append('<i class="duration">' + $waveform.data('duration-string') + '</i>');
                                $.each(data, function(k, val) {
@@ -697,17 +698,20 @@ $(function() {
        $(document).on('panik:play', function(ev, data) {
                var $page_audio_controls = $('#Main').find('div.audio[data-sound-id="' + data.sound_id + '"]');
                $page_audio_controls.find('.icon-play-sign').removeClass('icon-play-sign').addClass('icon-pause');
+               $('.sound').addClass('playing');
        });
 
        $(document).on('panik:pause', function(ev, data) {
                var $page_audio_controls = $('#Main').find('div.audio[data-sound-id="' + data.sound_id + '"]');
                $page_audio_controls.find('.icon-pause').removeClass('icon-pause').addClass('icon-play-sign');
+               $('.sound').removeClass('playing');
        });
 
        $(document).on('panik:timeupdate', function(ev, data) {
                var $page_audio_controls = $('#Main').find('div.audio[data-sound-id="' + data.sound_id + '"]');
                $page_audio_controls.find('.icon-play-sign').removeClass('icon-play-sign').addClass('icon-pause');
                $waveform = $('#Main div.waveform[data-sound-id="' + data.sound_id + '"]');
+               $waveform.parents('.sound').addClass('playing');
                var elems = $waveform.find('span');
                var total_elems = elems.length;
                var done = total_elems * data.position;