@rapidaai/react 1.1.50 → 1.1.51

package/dist/components/device-selector.js

@@ -27337,6 +27337,9 @@ var import_moment = __toESM(require("moment"));
 function isSafari() {
   return getBrowser()?.name === "Safari";
 }
+function isChrome() {
+  return getBrowser()?.name === "Chrome";
+}
 function toDate(timestamp) {
   const seconds = timestamp.getSeconds();
   const nanos = timestamp.getNanos();
@@ -28293,6 +28296,24 @@ registerProcessor("raw-audio-processor", RawAudioProcessor);
 
 // src/audio/input.ts
 var LIBSAMPLERATE_JS = "https://cdn.jsdelivr.net/npm/@alexanderolsen/libsamplerate-js@2.1.2/dist/libsamplerate.worklet.js";
+function getAudioConstraints(sampleRate) {
+  if (isChrome()) {
+    return {
+      sampleRate: { ideal: sampleRate },
+      echoCancellation: true,
+      noiseSuppression: true,
+      autoGainControl: true,
+      // Chrome-specific: helps with consistent audio quality
+      channelCount: { ideal: 1 }
+    };
+  }
+  return {
+    sampleRate: { ideal: sampleRate },
+    echoCancellation: { ideal: true },
+    noiseSuppression: { ideal: true },
+    autoGainControl: { ideal: true }
+  };
+}
 var Input = class _Input {
   constructor(context, analyser, worklet, inputStream) {
     this.context = context;
@@ -28300,18 +28321,10 @@ var Input = class _Input {
     this.worklet = worklet;
     this.inputStream = inputStream;
   }
-  static async create({
-    sampleRate,
-    format
-  }) {
+  static async create({ sampleRate, format }, existingStream) {
     let context = null;
     let inputStream = null;
     try {
-      const options = {
-        sampleRate: { ideal: sampleRate },
-        echoCancellation: { ideal: true },
-        noiseSuppression: { ideal: true }
-      };
       const supportsSampleRateConstraint = navigator.mediaDevices.getSupportedConstraints().sampleRate;
       context = new window.AudioContext(
         supportsSampleRateConstraint ? { sampleRate } : {}
@@ -28321,9 +28334,14 @@ var Input = class _Input {
         await context.audioWorklet.addModule(LIBSAMPLERATE_JS);
       }
       await loadRawAudioProcessor(context.audioWorklet);
-      inputStream = await navigator.mediaDevices.getUserMedia({
-        audio: options
-      });
+      if (existingStream) {
+        inputStream = existingStream;
+      } else {
+        const options = getAudioConstraints(sampleRate);
+        inputStream = await navigator.mediaDevices.getUserMedia({
+          audio: options
+        });
+      }
       const source = context.createMediaStreamSource(inputStream);
       const worklet = new AudioWorkletNode(context, "raw-audio-processor");
       worklet.port.postMessage({ type: "setFormat", format, sampleRate });
@@ -28576,13 +28594,14 @@ var VoiceAgent = class extends Agent {
   connectDevice = async () => {
     try {
       this.preliminaryInputStream = await this.waitForUserMediaPermission();
-      [this.input, this.output] = await Promise.all([
-        Input.create(this.agentConfig.inputOptions.recorderOption),
-        Output.create(this.agentConfig.outputOptions.playerOption)
-      ]);
+      this.output = await Output.create(this.agentConfig.outputOptions.playerOption);
+      this.input = await Input.create(
+        this.agentConfig.inputOptions.recorderOption,
+        this.preliminaryInputStream
+        // Reuse the same MediaStream
+      );
       this.input.worklet.port.onmessage = this.onInputWorkletMessage;
       this.output.worklet.port.onmessage = this.onOutputWorkletMessage;
-      this.preliminaryInputStream?.getTracks().forEach((track) => track.stop());
       this.preliminaryInputStream = null;
     } catch (error) {
       await this.disconnectAudio();
@@ -28592,7 +28611,20 @@ var VoiceAgent = class extends Agent {
   // Helper method to handle media permissions:
   waitForUserMediaPermission = async () => {
     try {
-      return await navigator.mediaDevices.getUserMedia({ audio: true });
+      const sampleRate = this.agentConfig.inputOptions.recorderOption.sampleRate;
+      const options = isChrome() ? {
+        sampleRate: { ideal: sampleRate },
+        echoCancellation: true,
+        noiseSuppression: true,
+        autoGainControl: true,
+        channelCount: { ideal: 1 }
+      } : {
+        sampleRate: { ideal: sampleRate },
+        echoCancellation: { ideal: true },
+        noiseSuppression: { ideal: true },
+        autoGainControl: { ideal: true }
+      };
+      return await navigator.mediaDevices.getUserMedia({ audio: options });
     } catch (error) {
       console.error(
         "Permission denied or error while requesting microphone access:",
@@ -28864,6 +28896,7 @@ var VoiceAgent = class extends Agent {
             const audioData = content.getContent_asU8();
             this.addAudioChunk(new Uint8Array(audioData).buffer);
           }
+          break;
         case import_common_pb8.AssistantConversationAssistantMessage.MessageCase.TEXT:
           const systemTranscript = systemContent.getText()?.getContent();
           if (systemTranscript) {