@vidtreo/recorder 0.8.3 → 0.8.4

package/dist/index.d.ts

@@ -484,6 +484,8 @@ export declare class AudioTrackManager {
     private isMuted;
     private isPaused;
     private onMuteStateChange?;
+    private readonly pendingAudioSamples;
+    private isCleanedUp;
     private validateStreamAndConfig;
     private prepareAudioTrack;
     private getAudioContextClass;
@@ -492,6 +494,11 @@ export declare class AudioTrackManager {
     private addWorkletModule;
     private createWorkletNode;
     private setupWorkletMessageHandler;
+    private closeSampleSafely;
+    private closePendingAudioSamples;
+    private cleanupAudioNodes;
+    private cleanupAudioContext;
+    private cleanupAudioTrack;
     private setupAudioNodes;
     setupAudioTrack(stream: MediaStream, config: TranscodeConfig): Promise<AudioSampleSource | null>;
     toggleMute(): void;

package/dist/index.js

@@ -587,6 +587,8 @@ class AudioTrackManager {
   isMuted = false;
   isPaused = false;
   onMuteStateChange;
+  pendingAudioSamples = new Set;
+  isCleanedUp = false;
   validateStreamAndConfig(stream, config) {
     if (!stream) {
       logger.debug("[AudioTrackManager] No stream provided");
@@ -632,6 +634,7 @@ class AudioTrackManager {
     this.originalAudioTrack = clonedTrack;
     this.lastAudioTimestamp = 0;
     this.pendingAddOperation = null;
+    this.isCleanedUp = false;
     logger.debug("[AudioTrackManager] Reset state, originalAudioTrack set (cloned)");
     return clonedTrack;
   }
@@ -712,12 +715,12 @@ class AudioTrackManager {
       throw new Error("AudioWorkletNode not initialized");
     }
     this.audioWorkletNode.port.onmessage = (event) => {
-      if (this.isPaused || this.isMuted || !this.audioSource) {
+      if (this.isCleanedUp || this.isPaused || this.isMuted || !this.audioSource) {
         return;
       }
       const { data, sampleRate, numberOfChannels, duration, bufferLength } = event.data;
       const float32Data = new Float32Array(data, 0, bufferLength);
-      if (!this.audioSource) {
+      if (this.isCleanedUp || !this.audioSource) {
         return;
       }
       const audioSource = this.audioSource;
@@ -728,18 +731,100 @@ class AudioTrackManager {
         sampleRate,
         timestamp: this.lastAudioTimestamp
       });
+      this.pendingAudioSamples.add(audioSample);
       const currentTimestamp = this.lastAudioTimestamp;
-      const addOperation = this.pendingAddOperation ? this.pendingAddOperation.then(() => audioSource.add(audioSample)).catch(() => audioSource.add(audioSample)) : audioSource.add(audioSample);
+      let addOperation;
+      if (this.pendingAddOperation) {
+        addOperation = this.pendingAddOperation.then(() => {
+          if (this.isCleanedUp || !this.audioSource) {
+            this.closeSampleSafely(audioSample);
+            return;
+          }
+          return audioSource.add(audioSample);
+        }).catch(() => {
+          if (this.isCleanedUp || !this.audioSource) {
+            this.closeSampleSafely(audioSample);
+            return;
+          }
+          return audioSource.add(audioSample);
+        });
+      } else if (this.isCleanedUp) {
+        this.closeSampleSafely(audioSample);
+        addOperation = Promise.resolve();
+      } else {
+        addOperation = audioSource.add(audioSample);
+      }
       this.pendingAddOperation = addOperation.then(() => {
-        audioSample.close();
-        this.lastAudioTimestamp = currentTimestamp + duration;
+        this.closeSampleSafely(audioSample);
+        if (!this.isCleanedUp) {
+          this.lastAudioTimestamp = currentTimestamp + duration;
+        }
       }).catch(() => {
-        audioSample.close();
-        this.lastAudioTimestamp = currentTimestamp + duration;
+        this.closeSampleSafely(audioSample);
+        if (!this.isCleanedUp) {
+          this.lastAudioTimestamp = currentTimestamp + duration;
+        }
       });
     };
     logger.debug("[AudioTrackManager] onmessage handler set");
   }
+  closeSampleSafely(audioSample) {
+    if (this.pendingAudioSamples.has(audioSample)) {
+      audioSample.close();
+      this.pendingAudioSamples.delete(audioSample);
+    }
+  }
+  closePendingAudioSamples() {
+    for (const audioSample of this.pendingAudioSamples) {
+      try {
+        audioSample.close();
+      } catch (error) {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        logger.warn("[AudioTrackManager] Error closing AudioSample during cleanup:", errorMessage);
+      }
+    }
+    this.pendingAudioSamples.clear();
+  }
+  cleanupAudioNodes() {
+    if (this.audioWorkletNode) {
+      logger.debug("[AudioTrackManager] Disconnecting and closing worklet node");
+      this.audioWorkletNode.disconnect();
+      this.audioWorkletNode.port.close();
+      this.audioWorkletNode = null;
+    }
+    if (this.gainNode) {
+      logger.debug("[AudioTrackManager] Disconnecting gain node");
+      this.gainNode.disconnect();
+      this.gainNode = null;
+    }
+    if (this.mediaStreamSource) {
+      logger.debug("[AudioTrackManager] Disconnecting media stream source");
+      this.mediaStreamSource.disconnect();
+      this.mediaStreamSource = null;
+    }
+  }
+  cleanupAudioContext() {
+    if (this.audioContext && this.audioContext.state !== "closed") {
+      logger.debug("[AudioTrackManager] Suspending AudioContext (not closing)");
+      if (typeof this.audioContext.suspend === "function") {
+        this.audioContext.suspend().catch((err) => {
+          logger.warn("[AudioTrackManager] Error suspending AudioContext:", err);
+        });
+      }
+    }
+  }
+  cleanupAudioTrack() {
+    if (this.originalAudioTrack) {
+      logger.debug("[AudioTrackManager] Stopping cloned audio track", {
+        trackState: this.originalAudioTrack.readyState
+      });
+      if (this.originalAudioTrack.readyState === "live" && typeof this.originalAudioTrack.stop === "function") {
+        this.originalAudioTrack.stop();
+        logger.debug("[AudioTrackManager] Cloned audio track stopped");
+      }
+      this.originalAudioTrack = null;
+    }
+  }
   setupAudioNodes() {
     if (!(this.audioContext && this.audioWorkletNode && this.mediaStreamSource)) {
       throw new Error("Audio nodes not initialized");
@@ -847,46 +932,18 @@ class AudioTrackManager {
       hasAudioSource: !!this.audioSource,
       hasAudioContext: !!this.audioContext,
       audioContextState: this.audioContext?.state,
-      hasWorkletNode: !!this.audioWorkletNode
+      hasWorkletNode: !!this.audioWorkletNode,
+      pendingSamples: this.pendingAudioSamples.size
     });
+    this.isCleanedUp = true;
+    this.closePendingAudioSamples();
     this.audioSource = null;
     this.pendingAddOperation = null;
     this.isMuted = false;
     this.isPaused = false;
-    if (this.audioWorkletNode) {
-      logger.debug("[AudioTrackManager] Disconnecting and closing worklet node");
-      this.audioWorkletNode.disconnect();
-      this.audioWorkletNode.port.close();
-      this.audioWorkletNode = null;
-    }
-    if (this.gainNode) {
-      logger.debug("[AudioTrackManager] Disconnecting gain node");
-      this.gainNode.disconnect();
-      this.gainNode = null;
-    }
-    if (this.mediaStreamSource) {
-      logger.debug("[AudioTrackManager] Disconnecting media stream source");
-      this.mediaStreamSource.disconnect();
-      this.mediaStreamSource = null;
-    }
-    if (this.audioContext && this.audioContext.state !== "closed") {
-      logger.debug("[AudioTrackManager] Suspending AudioContext (not closing)");
-      if (typeof this.audioContext.suspend === "function") {
-        this.audioContext.suspend().catch((err) => {
-          logger.warn("[AudioTrackManager] Error suspending AudioContext:", err);
-        });
-      }
-    }
-    if (this.originalAudioTrack) {
-      logger.debug("[AudioTrackManager] Stopping cloned audio track", {
-        trackState: this.originalAudioTrack.readyState
-      });
-      if (this.originalAudioTrack.readyState === "live" && typeof this.originalAudioTrack.stop === "function") {
-        this.originalAudioTrack.stop();
-        logger.debug("[AudioTrackManager] Cloned audio track stopped");
-      }
-      this.originalAudioTrack = null;
-    }
+    this.cleanupAudioNodes();
+    this.cleanupAudioContext();
+    this.cleanupAudioTrack();
     this.lastAudioTimestamp = 0;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vidtreo/recorder",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "type": "module",
   "description": "Vidtreo SDK for browser-based video recording and transcoding. Features include camera/screen recording, real-time MP4 transcoding, audio level analysis, mute/pause controls, source switching, device selection, and automatic backend uploads. Similar to Ziggeo and Addpipe, Vidtreo provides enterprise-grade video processing capabilities for web applications.",
   "main": "./dist/index.js",