@vapi-ai/web 1.0.136 → 1.0.138

package/dist/player.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="node" />
 import EventEmitter from "events";
 export declare class ContinuousPlayer extends EventEmitter {
-    private atomic;
-    private audio;
+    private audioCtx;
+    private source;
     constructor();
     start(): void;
-    playChunk(audioData: ArrayBuffer): void;
+    playChunk(audioData: ArrayBuffer): Promise<void>;
     clear(): void;
 }

package/dist/player.js

@@ -1,38 +1,37 @@
 "use strict";
+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());
+    });
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContinuousPlayer = void 0;
-const AtomicMediaSource_1 = __importDefault(require("./AtomicMediaSource"));
 const events_1 = __importDefault(require("events"));
 class ContinuousPlayer extends events_1.default {
     constructor() {
         super();
-        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);
-    }
-    start() {
-        this.audio.play();
+        this.source = null;
+        this.audioCtx = new AudioContext();
     }
+    start() { }
     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() {
-        this.audio.pause();
-        this.atomic.clearBuffer();
+        return __awaiter(this, void 0, void 0, function* () {
+            const audioBuffer = yield this.audioCtx.decodeAudioData(audioData);
+            this.source = this.audioCtx.createBufferSource();
+            this.source.buffer = audioBuffer;
+            this.source.connect(this.audioCtx.destination);
+            this.source.start();
+            this.emit("speech-start");
+            this.source.onended = () => this.emit("speech-end");
+        });
     }
+    clear() { }
 }
 exports.ContinuousPlayer = ContinuousPlayer;

package/package.json

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

package/player.ts

@@ -2,45 +2,26 @@ import AtomicMediaSource from "./AtomicMediaSource";
 import EventEmitter from "events";
 
 export class ContinuousPlayer extends EventEmitter {
-  private atomic: AtomicMediaSource;
-  private audio: HTMLAudioElement;
+  private audioCtx: AudioContext;
+  private source: AudioBufferSourceNode | null = null;
 
   constructor() {
     super();
 
-    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);
+    this.audioCtx = new AudioContext();
   }
 
-  start() {
-    this.audio.play();
-  }
+  start() {}
 
-  playChunk(audioData: ArrayBuffer) {
-    this.atomic.sourceBuffer?.addEventListener(
-      "updateend",
-      () => {
-        this.audio.play().catch((error) => console.error("Play error:", error));
-      },
-      { once: true }
-    );
-    this.atomic.appendBuffer(audioData);
+  async playChunk(audioData: ArrayBuffer) {
+    const audioBuffer = await this.audioCtx.decodeAudioData(audioData);
+    this.source = this.audioCtx.createBufferSource();
+    this.source.buffer = audioBuffer;
+    this.source.connect(this.audioCtx.destination);
+    this.source.start();
+    this.emit("speech-start");
+    this.source.onended = () => this.emit("speech-end");
   }
 
-  clear() {
-    this.audio.pause();
-    this.atomic.clearBuffer();
-  }
+  clear() {}
 }