add debounce to resize/orientationchange event for minimap plugin (#987)

* add debounce to resize event * add orientationchange event
katspaugh · Feb 12, 2017 · 1f0887e · 1f0887e
1 parent 02b8a7d
commit 1f0887e
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/plugin/wavesurfer.minimap.js b/plugin/wavesurfer.minimap.js
@@ -118,14 +118,15 @@ WaveSurfer.Minimap = WaveSurfer.util.extend({}, WaveSurfer.Drawer, WaveSurfer.Dr
         }
 
         var prevWidth = 0;
-        var onResize = function () {
+        var onResize = this.wavesurfer.util.debounce(function () {
             if (prevWidth != my.wrapper.clientWidth) {
                 prevWidth = my.wrapper.clientWidth;
                 my.render();
                 my.progress(my.wavesurfer.backend.getPlayedPercents());
             }
-        };
+        }, 100);
         window.addEventListener('resize', onResize, true);
+        window.addEventListener('orientationchange', onResize, true);
 
         this.wavesurfer.on('destroy', function () {
             my.destroy.bind(this);