@vapi-ai/web 1.0.122 → 1.0.124

package/AtomicMediaSource.ts

@@ -1,11 +1,14 @@
 import async, { QueueObject } from "async";
 
-class AtomicMediaSource {
+import EventEmitter from "events";
+
+class AtomicMediaSource extends EventEmitter {
   mediaSource: MediaSource;
   private sourceBuffer: SourceBuffer | null = null;
   private operationsQueue: QueueObject<() => Promise<void>>;
 
   constructor() {
+    super();
     this.mediaSource = new MediaSource();
     this.operationsQueue = this.createOperationQueue();
 
@@ -19,17 +22,17 @@ class AtomicMediaSource {
   }
 
   public appendBuffer(buffer: ArrayBuffer) {
-    console.log("APPEND OP PUSHED");
     this.operationsQueue.push(() => {
-      console.log("APPEND OP START");
-
       return new Promise((resolve, reject) => {
         if (this.sourceBuffer) {
-          this.sourceBuffer.addEventListener("updateend", () => {
-            console.log("APPEND OP END");
-
-            resolve();
-          });
+          this.sourceBuffer.addEventListener(
+            "updateend",
+            () => {
+              this.emit("audio-loaded");
+              resolve();
+            },
+            { once: true }
+          );
           this.sourceBuffer.appendBuffer(buffer);
         } else {
           reject();
@@ -45,10 +48,14 @@ class AtomicMediaSource {
 
       return new Promise((resolve, reject) => {
         if (this.sourceBuffer) {
-          this.sourceBuffer.addEventListener("updateend", () => {
-            console.log("CLEAR OP END");
-            resolve();
-          });
+          this.sourceBuffer.addEventListener(
+            "updateend",
+            () => {
+              console.log("CLEAR OP END");
+              resolve();
+            },
+            { once: true }
+          );
           this.sourceBuffer.remove(0, this.mediaSource.duration);
         } else {
           reject();

package/dist/AtomicMediaSource.d.ts

@@ -1,4 +1,6 @@
-declare class AtomicMediaSource {
+/// <reference types="node" />
+import EventEmitter from "events";
+declare class AtomicMediaSource extends EventEmitter {
     mediaSource: MediaSource;
     private sourceBuffer;
     private operationsQueue;

package/dist/AtomicMediaSource.js

@@ -4,8 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const async_1 = __importDefault(require("async"));
-class AtomicMediaSource {
+const events_1 = __importDefault(require("events"));
+class AtomicMediaSource extends events_1.default {
     constructor() {
+        super();
         this.sourceBuffer = null;
         this.mediaSource = new MediaSource();
         this.operationsQueue = this.createOperationQueue();
@@ -16,15 +18,13 @@ class AtomicMediaSource {
         });
     }
     appendBuffer(buffer) {
-        console.log("APPEND OP PUSHED");
         this.operationsQueue.push(() => {
-            console.log("APPEND OP START");
             return new Promise((resolve, reject) => {
                 if (this.sourceBuffer) {
                     this.sourceBuffer.addEventListener("updateend", () => {
-                        console.log("APPEND OP END");
+                        this.emit("audio-loaded");
                         resolve();
-                    });
+                    }, { once: true });
                     this.sourceBuffer.appendBuffer(buffer);
                 }
                 else {
@@ -42,7 +42,7 @@ class AtomicMediaSource {
                     this.sourceBuffer.addEventListener("updateend", () => {
                         console.log("CLEAR OP END");
                         resolve();
-                    });
+                    }, { once: true });
                     this.sourceBuffer.remove(0, this.mediaSource.duration);
                 }
                 else {

package/dist/player.js

@@ -9,11 +9,12 @@ const events_1 = __importDefault(require("events"));
 class ContinuousPlayer extends events_1.default {
     constructor() {
         super();
-        this.atomic = new AtomicMediaSource_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("waiting", () => this.emit("speech-end"));
+        this.atomic = new AtomicMediaSource_1.default();
         this.audio.src = URL.createObjectURL(this.atomic.mediaSource);
         document.body.appendChild(this.audio);
     }

package/package.json

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

package/player.ts

@@ -7,14 +7,17 @@ export class ContinuousPlayer extends EventEmitter {
 
   constructor() {
     super();
-    this.atomic = new AtomicMediaSource();
 
     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("waiting", () => this.emit("speech-end"));
 
+    this.atomic = new AtomicMediaSource();
+
     this.audio.src = URL.createObjectURL(this.atomic.mediaSource);
     document.body.appendChild(this.audio);
   }