add abort event

CHANGES.md

@@ -1,6 +1,12 @@
 videojs-wavesurfer changelog
 ============================
 
+2.10.0 - unreleased
+-------------------
+
+- New `abort` event; triggeredd when wavesurfer.js fetch call is cancelled (#87)
+
+
 2.9.0 - 2019/07/14
 ------------------
 

README.md

@@ -209,6 +209,7 @@ player.on('waveReady', function(event) {
 | `waveReady` | Audio is loaded, decoded and the waveform is drawn. |
 | `playbackFinish` | Audio playback finished. |
 | `audioOutputReady` | Audio output was changed and is now active. |
+| `abort` | Audio loading process was interrupted and cancelled. |
 | `error` | Error occurred. |
 
 Customizing controls

build-config/fragments/dev.js

@@ -16,7 +16,9 @@ module.exports = {
         watchContentBase: true,
         watchOptions: {
             ignored: [
+                /.build_cache/,
                 /.chrome/,
+                /.git/,
                 /node_modules/,
                 /bower_components/,
                 /coverage/,

src/js/event.js

@@ -26,6 +26,7 @@ Event.DEVICE_ERROR = 'deviceError';
 Event.AUDIO_OUTPUT_READY = 'audioOutputReady';
 Event.WAVE_READY = 'waveReady';
 Event.PLAYBACK_FINISH = 'playbackFinish';
+Event.ABORT = 'abort';
 
 // dom
 Event.RESIZE = 'resize';

src/js/videojs.wavesurfer.js

@@ -671,9 +671,15 @@ class Wavesurfer extends Plugin {
      */
     onWaveError(error) {
         // notify listeners
-        this.player.trigger(Event.ERROR, error);
+        if (error.name === 'AbortError' ||
+            error.name === 'DOMException' && error.message.startsWith('The operation was aborted'))
+        {
+            this.player.trigger(Event.ABORT, error);
+        } else {
+            this.player.trigger(Event.ERROR, error);
 
-        this.log(error, 'error');
+            this.log(error, 'error');
+        }
     }
 
     /**