@vapi-ai/web 1.0.84 → 1.0.86

package/dist/player.d.ts

@@ -4,12 +4,12 @@ export declare class ContinuousPlayer extends EventEmitter {
     private mediaSource;
     private sourceBuffer;
     private audio;
-    private audioQueue;
+    private operationsQueue;
     constructor();
     start(): void;
     playChunk(audioData: ArrayBuffer): void;
-    private appendNextChunk;
     private performBufferOperation;
+    private appendNextChunk;
     private removeBuffer;
     private resetTimestampOffset;
     private abortBuffer;

package/dist/player.js

@@ -26,30 +26,20 @@ class ContinuousPlayer extends events_1.default {
         this.audio.addEventListener("waiting", () => this.emit("speech-end"));
         this.audio.src = URL.createObjectURL(this.mediaSource);
         document.body.appendChild(this.audio);
-        this.audioQueue = async_1.default.queue((task, callback) => {
-            this.appendNextChunk(task, callback);
+        this.operationsQueue = async_1.default.queue((task, callback) => {
+            task().then(() => callback());
         }, 1);
         this.mediaSource.addEventListener("sourceopen", () => {
             this.mediaSource.duration = Number.POSITIVE_INFINITY;
             this.sourceBuffer = this.mediaSource.addSourceBuffer('audio/webm; codecs="opus"');
             this.sourceBuffer.mode = "sequence";
-            this.sourceBuffer.addEventListener("updateend", () => {
-                this.audioQueue.resume();
-            });
         });
     }
     start() {
         this.audio.play();
     }
     playChunk(audioData) {
-        this.audioQueue.push(audioData);
-    }
-    appendNextChunk(chunk, callback) {
-        if (this.sourceBuffer && !this.sourceBuffer.updating) {
-            this.audioQueue.pause();
-            this.sourceBuffer.appendBuffer(chunk);
-        }
-        callback();
+        this.operationsQueue.push(() => this.appendNextChunk(audioData));
     }
     performBufferOperation(operation) {
         return new Promise((resolve) => {
@@ -63,6 +53,13 @@ class ContinuousPlayer extends events_1.default {
             operation();
         });
     }
+    appendNextChunk(chunk) {
+        return this.performBufferOperation(() => {
+            if (!this.sourceBuffer)
+                return;
+            this.sourceBuffer.appendBuffer(chunk);
+        });
+    }
     removeBuffer() {
         return this.performBufferOperation(() => {
             if (!this.sourceBuffer)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vapi-ai/web",
-  "version": "1.0.84",
+  "version": "1.0.86",
   "description": "",
   "main": "dist/vapi.js",
   "types": "dist/vapi.d.ts",

package/player.ts

@@ -6,7 +6,7 @@ export class ContinuousPlayer extends EventEmitter {
   private mediaSource: MediaSource;
   private sourceBuffer: SourceBuffer | null = null;
   private audio: HTMLAudioElement;
-  private audioQueue: QueueObject<ArrayBuffer>;
+  private operationsQueue: QueueObject<() => Promise<void>>;
 
   constructor() {
     super();
@@ -22,8 +22,8 @@ export class ContinuousPlayer extends EventEmitter {
     this.audio.src = URL.createObjectURL(this.mediaSource);
     document.body.appendChild(this.audio);
 
-    this.audioQueue = async.queue((task, callback) => {
-      this.appendNextChunk(task, callback);
+    this.operationsQueue = async.queue((task, callback) => {
+      task().then(() => callback());
     }, 1);
 
     this.mediaSource.addEventListener("sourceopen", () => {
@@ -32,10 +32,6 @@ export class ContinuousPlayer extends EventEmitter {
         'audio/webm; codecs="opus"'
       );
       this.sourceBuffer.mode = "sequence";
-
-      this.sourceBuffer.addEventListener("updateend", () => {
-        this.audioQueue.resume();
-      });
     });
   }
 
@@ -44,18 +40,7 @@ export class ContinuousPlayer extends EventEmitter {
   }
 
   playChunk(audioData: ArrayBuffer) {
-    this.audioQueue.push(audioData);
-  }
-
-  private appendNextChunk(
-    chunk: ArrayBuffer,
-    callback: async.ErrorCallback<Error>
-  ): void {
-    if (this.sourceBuffer && !this.sourceBuffer.updating) {
-      this.audioQueue.pause();
-      this.sourceBuffer.appendBuffer(chunk);
-    }
-    callback();
+    this.operationsQueue.push(() => this.appendNextChunk(audioData));
   }
 
   private performBufferOperation(operation: () => void) {
@@ -73,6 +58,13 @@ export class ContinuousPlayer extends EventEmitter {
     });
   }
 
+  private appendNextChunk(chunk: ArrayBuffer) {
+    return this.performBufferOperation(() => {
+      if (!this.sourceBuffer) return;
+      this.sourceBuffer.appendBuffer(chunk);
+    });
+  }
+
   private removeBuffer() {
     return this.performBufferOperation(() => {
       if (!this.sourceBuffer) return;