@vapi-ai/web 1.0.124 → 1.0.126

package/AtomicMediaSource.ts

@@ -4,7 +4,7 @@ import EventEmitter from "events";
 
 class AtomicMediaSource extends EventEmitter {
   mediaSource: MediaSource;
-  private sourceBuffer: SourceBuffer | null = null;
+  sourceBuffer: SourceBuffer | null = null;
   private operationsQueue: QueueObject<() => Promise<void>>;
 
   constructor() {
@@ -28,7 +28,6 @@ class AtomicMediaSource extends EventEmitter {
           this.sourceBuffer.addEventListener(
             "updateend",
             () => {
-              this.emit("audio-loaded");
               resolve();
             },
             { once: true }
@@ -42,16 +41,12 @@ class AtomicMediaSource extends EventEmitter {
   }
 
   public clearBuffer() {
-    console.log("CLEAR OP PUSHED");
     this.operationsQueue.push(() => {
-      console.log("CLEAR OP START");
-
       return new Promise((resolve, reject) => {
         if (this.sourceBuffer) {
           this.sourceBuffer.addEventListener(
             "updateend",
             () => {
-              console.log("CLEAR OP END");
               resolve();
             },
             { once: true }

package/dist/AtomicMediaSource.d.ts

@@ -2,7 +2,7 @@
 import EventEmitter from "events";
 declare class AtomicMediaSource extends EventEmitter {
     mediaSource: MediaSource;
-    private sourceBuffer;
+    sourceBuffer: SourceBuffer | null;
     private operationsQueue;
     constructor();
     appendBuffer(buffer: ArrayBuffer): void;

package/dist/AtomicMediaSource.js

@@ -22,7 +22,6 @@ class AtomicMediaSource extends events_1.default {
             return new Promise((resolve, reject) => {
                 if (this.sourceBuffer) {
                     this.sourceBuffer.addEventListener("updateend", () => {
-                        this.emit("audio-loaded");
                         resolve();
                     }, { once: true });
                     this.sourceBuffer.appendBuffer(buffer);
@@ -34,13 +33,10 @@ class AtomicMediaSource extends events_1.default {
         });
     }
     clearBuffer() {
-        console.log("CLEAR OP PUSHED");
         this.operationsQueue.push(() => {
-            console.log("CLEAR OP START");
             return new Promise((resolve, reject) => {
                 if (this.sourceBuffer) {
                     this.sourceBuffer.addEventListener("updateend", () => {
-                        console.log("CLEAR OP END");
                         resolve();
                     }, { once: true });
                     this.sourceBuffer.remove(0, this.mediaSource.duration);

package/dist/player.js

@@ -12,9 +12,16 @@ class ContinuousPlayer extends events_1.default {
         this.audio = document.createElement("audio");
         this.audio.addEventListener("playing", () => this.emit("speech-start"));
         this.audio.addEventListener("play", () => this.emit("speech-start"));
-        this.audio.addEventListener("canplay", () => this.audio.play());
+        this.audio.addEventListener("canplay", () => {
+            console.log("CAN PLAY");
+            this.audio.play();
+        });
         this.audio.addEventListener("waiting", () => this.emit("speech-end"));
         this.atomic = new AtomicMediaSource_1.default();
+        this.atomic.on("audio-loaded", () => {
+            console.log("AUDIO LOADED");
+            this.audio.play();
+        });
         this.audio.src = URL.createObjectURL(this.atomic.mediaSource);
         document.body.appendChild(this.audio);
     }
@@ -22,6 +29,10 @@ class ContinuousPlayer extends events_1.default {
         this.audio.play();
     }
     playChunk(audioData) {
+        var _a;
+        (_a = this.atomic.sourceBuffer) === null || _a === void 0 ? void 0 : _a.addEventListener("updateend", () => {
+            this.audio.play().catch((error) => console.error("Play error:", error));
+        }, { once: true });
         this.atomic.appendBuffer(audioData);
     }
     clear() {

package/package.json

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

package/player.ts

@@ -12,11 +12,18 @@ export class ContinuousPlayer extends EventEmitter {
 
     this.audio.addEventListener("playing", () => this.emit("speech-start"));
     this.audio.addEventListener("play", () => this.emit("speech-start"));
-    this.audio.addEventListener("canplay", () => this.audio.play());
+    this.audio.addEventListener("canplay", () => {
+      console.log("CAN PLAY");
+      this.audio.play();
+    });
 
     this.audio.addEventListener("waiting", () => this.emit("speech-end"));
 
     this.atomic = new AtomicMediaSource();
+    this.atomic.on("audio-loaded", () => {
+      console.log("AUDIO LOADED");
+      this.audio.play();
+    });
 
     this.audio.src = URL.createObjectURL(this.atomic.mediaSource);
     document.body.appendChild(this.audio);
@@ -27,6 +34,13 @@ export class ContinuousPlayer extends EventEmitter {
   }
 
   playChunk(audioData: ArrayBuffer) {
+    this.atomic.sourceBuffer?.addEventListener(
+      "updateend",
+      () => {
+        this.audio.play().catch((error) => console.error("Play error:", error));
+      },
+      { once: true }
+    );
     this.atomic.appendBuffer(audioData);
   }