wavesurfer.js 7.8.4-beta.1 → 7.8.4

package/dist/wavesurfer.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import BasePlugin from './base-plugin.js';
 import Decoder from './decoder.js';
 import * as dom from './dom.js';
@@ -19,16 +28,6 @@ const defaultOptions = {
     sampleRate: 8000,
 };
 class WaveSurfer extends Player {
-    options;
-    renderer;
-    timer;
-    plugins = [];
-    decodedData = null;
-    subscriptions = [];
-    mediaSubscriptions = [];
-    abortController = null;
-    static BasePlugin = BasePlugin;
-    static dom = dom;
     /** Create a new WaveSurfer instance */
     static create(options) {
         return new WaveSurfer(options);
@@ -43,6 +42,11 @@ class WaveSurfer extends Player {
             autoplay: options.autoplay,
             playbackRate: options.audioRate,
         });
+        this.plugins = [];
+        this.decodedData = null;
+        this.subscriptions = [];
+        this.mediaSubscriptions = [];
+        this.abortController = null;
         this.options = Object.assign({}, defaultOptions, options);
         this.timer = new Timer();
         const audioElement = media ? undefined : this.getMediaElement();
@@ -168,7 +172,8 @@ class WaveSurfer extends Player {
         }
     }
     initPlugins() {
-        if (!this.options.plugins?.length)
+        var _a;
+        if (!((_a = this.options.plugins) === null || _a === void 0 ? void 0 : _a.length))
             return;
         this.options.plugins.forEach((plugin) => {
             this.registerPlugin(plugin);
@@ -224,73 +229,80 @@ class WaveSurfer extends Player {
     getActivePlugins() {
         return this.plugins;
     }
-    async loadAudio(url, blob, channelData, duration) {
-        this.emit('load', url);
-        if (!this.options.media && this.isPlaying())
-            this.pause();
-        this.decodedData = null;
-        // Fetch the entire audio as a blob if pre-decoded data is not provided
-        if (!blob && !channelData) {
-            const fetchParams = this.options.fetchParams || {};
-            if (window.AbortController && !fetchParams.signal) {
-                this.abortController = new AbortController();
-                fetchParams.signal = this.abortController?.signal;
+    loadAudio(url, blob, channelData, duration) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            this.emit('load', url);
+            if (!this.options.media && this.isPlaying())
+                this.pause();
+            this.decodedData = null;
+            // Fetch the entire audio as a blob if pre-decoded data is not provided
+            if (!blob && !channelData) {
+                const fetchParams = this.options.fetchParams || {};
+                if (window.AbortController && !fetchParams.signal) {
+                    this.abortController = new AbortController();
+                    fetchParams.signal = (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.signal;
+                }
+                const onProgress = (percentage) => this.emit('loading', percentage);
+                blob = yield Fetcher.fetchBlob(url, onProgress, fetchParams);
             }
-            const onProgress = (percentage) => this.emit('loading', percentage);
-            blob = await Fetcher.fetchBlob(url, onProgress, fetchParams);
-        }
-        // Set the mediaelement source
-        this.setSrc(url, blob);
-        // Wait for the audio duration
-        const audioDuration = await new Promise((resolve) => {
-            const staticDuration = duration || this.getDuration();
-            if (staticDuration) {
-                resolve(staticDuration);
+            // Set the mediaelement source
+            this.setSrc(url, blob);
+            // Wait for the audio duration
+            const audioDuration = yield new Promise((resolve) => {
+                const staticDuration = duration || this.getDuration();
+                if (staticDuration) {
+                    resolve(staticDuration);
+                }
+                else {
+                    this.mediaSubscriptions.push(this.onMediaEvent('loadedmetadata', () => resolve(this.getDuration()), { once: true }));
+                }
+            });
+            // Set the duration if the player is a WebAudioPlayer without a URL
+            if (!url && !blob) {
+                const media = this.getMediaElement();
+                if (media instanceof WebAudioPlayer) {
+                    media.duration = audioDuration;
+                }
             }
-            else {
-                this.mediaSubscriptions.push(this.onMediaEvent('loadedmetadata', () => resolve(this.getDuration()), { once: true }));
+            // Decode the audio data or use user-provided peaks
+            if (channelData) {
+                this.decodedData = Decoder.createBuffer(channelData, audioDuration || 0);
             }
-        });
-        // Set the duration if the player is a WebAudioPlayer without a URL
-        if (!url && !blob) {
-            const media = this.getMediaElement();
-            if (media instanceof WebAudioPlayer) {
-                media.duration = audioDuration;
+            else if (blob) {
+                const arrayBuffer = yield blob.arrayBuffer();
+                this.decodedData = yield Decoder.decode(arrayBuffer, this.options.sampleRate);
             }
-        }
-        // Decode the audio data or use user-provided peaks
-        if (channelData) {
-            this.decodedData = Decoder.createBuffer(channelData, audioDuration || 0);
-        }
-        else if (blob) {
-            const arrayBuffer = await blob.arrayBuffer();
-            this.decodedData = await Decoder.decode(arrayBuffer, this.options.sampleRate);
-        }
-        if (this.decodedData) {
-            this.emit('decode', this.getDuration());
-            this.renderer.render(this.decodedData);
-        }
-        this.emit('ready', this.getDuration());
+            if (this.decodedData) {
+                this.emit('decode', this.getDuration());
+                this.renderer.render(this.decodedData);
+            }
+            this.emit('ready', this.getDuration());
+        });
     }
     /** Load an audio file by URL, with optional pre-decoded audio data */
-    async load(url, channelData, duration) {
-        try {
-            return await this.loadAudio(url, undefined, channelData, duration);
-        }
-        catch (err) {
-            this.emit('error', err);
-            throw err;
-        }
+    load(url, channelData, duration) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                return yield this.loadAudio(url, undefined, channelData, duration);
+            }
+            catch (err) {
+                this.emit('error', err);
+                throw err;
+            }
+        });
     }
     /** Load an audio blob */
-    async loadBlob(blob, channelData, duration) {
-        try {
-            return await this.loadAudio('', blob, channelData, duration);
-        }
-        catch (err) {
-            this.emit('error', err);
-            throw err;
-        }
+    loadBlob(blob, channelData, duration) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                return yield this.loadAudio('', blob, channelData, duration);
+            }
+            catch (err) {
+                this.emit('error', err);
+                throw err;
+            }
+        });
     }
     /** Zoom the waveform by a given pixels-per-second factor */
     zoom(minPxPerSec) {
@@ -305,7 +317,7 @@ class WaveSurfer extends Player {
         return this.decodedData;
     }
     /** Get decoded peaks */
-    exportPeaks({ channels = 2, maxLength = 8000, precision = 10_000 } = {}) {
+    exportPeaks({ channels = 2, maxLength = 8000, precision = 10000 } = {}) {
         if (!this.decodedData) {
             throw new Error('The audio has not been decoded yet');
         }
@@ -354,8 +366,10 @@ class WaveSurfer extends Player {
         this.setTime(time);
     }
     /** Play or pause the audio */
-    async playPause() {
-        return this.isPlaying() ? this.pause() : this.play();
+    playPause() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this.isPlaying() ? this.pause() : this.play();
+        });
     }
     /** Stop the audio and go to the beginning */
     stop() {
@@ -376,13 +390,16 @@ class WaveSurfer extends Player {
         super.setMediaElement(element);
         this.initPlayerEvents();
     }
-    async exportImage(format = 'image/png', quality = 1, type = 'dataURL') {
-        return this.renderer.exportImage(format, quality, type);
+    exportImage() {
+        return __awaiter(this, arguments, void 0, function* (format = 'image/png', quality = 1, type = 'dataURL') {
+            return this.renderer.exportImage(format, quality, type);
+        });
     }
     /** Unmount wavesurfer */
     destroy() {
+        var _a;
         this.emit('destroy');
-        this.abortController?.abort();
+        (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
         this.plugins.forEach((plugin) => plugin.destroy());
         this.subscriptions.forEach((unsubscribe) => unsubscribe());
         this.unsubscribePlayerEvents();
@@ -391,4 +408,6 @@ class WaveSurfer extends Player {
         super.destroy();
     }
 }
+WaveSurfer.BasePlugin = BasePlugin;
+WaveSurfer.dom = dom;
 export default WaveSurfer;

package/dist/webaudio.js

@@ -1,34 +1,43 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import EventEmitter from './event-emitter.js';
 /**
  * A Web Audio buffer player emulating the behavior of an HTML5 Audio element.
  */
 class WebAudioPlayer extends EventEmitter {
-    audioContext;
-    gainNode;
-    bufferNode = null;
-    playStartTime = 0;
-    playedDuration = 0;
-    _muted = false;
-    _playbackRate = 1;
-    _duration = undefined;
-    buffer = null;
-    currentSrc = '';
-    paused = true;
-    crossOrigin = null;
-    seeking = false;
-    autoplay = false;
     constructor(audioContext = new AudioContext()) {
         super();
+        this.bufferNode = null;
+        this.playStartTime = 0;
+        this.playedDuration = 0;
+        this._muted = false;
+        this._playbackRate = 1;
+        this._duration = undefined;
+        this.buffer = null;
+        this.currentSrc = '';
+        this.paused = true;
+        this.crossOrigin = null;
+        this.seeking = false;
+        this.autoplay = false;
+        /** Subscribe to an event. Returns an unsubscribe function. */
+        this.addEventListener = this.on;
+        /** Unsubscribe from an event */
+        this.removeEventListener = this.un;
         this.audioContext = audioContext;
         this.gainNode = this.audioContext.createGain();
         this.gainNode.connect(this.audioContext.destination);
     }
-    /** Subscribe to an event. Returns an unsubscribe function. */
-    addEventListener = this.on;
-    /** Unsubscribe from an event */
-    removeEventListener = this.un;
-    async load() {
-        return;
+    load() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return;
+        });
     }
     get src() {
         return this.currentSrc;
@@ -64,10 +73,11 @@ class WebAudioPlayer extends EventEmitter {
         });
     }
     _play() {
+        var _a;
         if (!this.paused)
             return;
         this.paused = false;
-        this.bufferNode?.disconnect();
+        (_a = this.bufferNode) === null || _a === void 0 ? void 0 : _a.disconnect();
         this.bufferNode = this.audioContext.createBufferSource();
         if (this.buffer) {
             this.bufferNode.buffer = this.buffer;
@@ -89,15 +99,18 @@ class WebAudioPlayer extends EventEmitter {
         };
     }
     _pause() {
+        var _a;
         this.paused = true;
-        this.bufferNode?.stop();
+        (_a = this.bufferNode) === null || _a === void 0 ? void 0 : _a.stop();
         this.playedDuration += this.audioContext.currentTime - this.playStartTime;
     }
-    async play() {
-        if (!this.paused)
-            return;
-        this._play();
-        this.emit('play');
+    play() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.paused)
+                return;
+            this._play();
+            this.emit('play');
+        });
     }
     pause() {
         if (this.paused)
@@ -106,16 +119,19 @@ class WebAudioPlayer extends EventEmitter {
         this.emit('pause');
     }
     stopAt(timeSeconds) {
+        var _a, _b;
         const delay = timeSeconds - this.currentTime;
-        this.bufferNode?.stop(this.audioContext.currentTime + delay);
-        this.bufferNode?.addEventListener('ended', () => {
+        (_a = this.bufferNode) === null || _a === void 0 ? void 0 : _a.stop(this.audioContext.currentTime + delay);
+        (_b = this.bufferNode) === null || _b === void 0 ? void 0 : _b.addEventListener('ended', () => {
             this.bufferNode = null;
             this.pause();
         }, { once: true });
     }
-    async setSinkId(deviceId) {
-        const ac = this.audioContext;
-        return ac.setSinkId(deviceId);
+    setSinkId(deviceId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const ac = this.audioContext;
+            return ac.setSinkId(deviceId);
+        });
     }
     get playbackRate() {
         return this._playbackRate;
@@ -141,7 +157,8 @@ class WebAudioPlayer extends EventEmitter {
         this.emit('timeupdate');
     }
     get duration() {
-        return this._duration ?? (this.buffer?.duration || 0);
+        var _a, _b;
+        return (_a = this._duration) !== null && _a !== void 0 ? _a : (((_b = this.buffer) === null || _b === void 0 ? void 0 : _b.duration) || 0);
     }
     set duration(value) {
         this._duration = value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wavesurfer.js",
-  "version": "7.8.4-beta.1",
+  "version": "7.8.4",
   "license": "BSD-3-Clause",
   "author": "katspaugh",
   "description": "Audio waveform player",