feat: add automatic gain control to voice processing options (stoatchat#953)

Author: Dadadah

packages/client/components/app/interface/settings/user/voice/VoiceProcessingOptions.tsx

@@ -26,6 +26,15 @@ export function VoiceProcessingOptions() {
         >
           <Trans>Browser Echo Cancellation</Trans>
         </CategoryButton>
+        <CategoryButton
+          icon="blank"
+          action={<Checkbox checked={state.voice.autoGainControl} />}
+          onClick={() =>
+            (state.voice.autoGainControl = !state.voice.autoGainControl)
+          }
+        >
+          <Trans>Automatic Gain Control</Trans>
+        </CategoryButton>
       </CategoryButton.Group>
     </Column>
   );

packages/client/components/rtc/state.tsx

@@ -92,6 +92,7 @@ class Voice {
         deviceId: this.#settings.preferredAudioInputDevice,
         echoCancellation: this.#settings.echoCancellation,
         noiseSuppression: this.#settings.noiseSupression === "browser",
+        autoGainControl: this.#settings.autoGainControl,
       },
       audioOutput: {
         deviceId: this.#settings.preferredAudioOutputDevice,

packages/client/components/state/stores/Voice.ts

@@ -19,6 +19,7 @@ export interface TypeVoice {
 
   echoCancellation: boolean;
   noiseSupression: NoiseSuppresionState;
+  autoGainControl: boolean;
 
   inputVolume: number;
   outputVolume: number;
@@ -53,6 +54,7 @@ export class Voice extends AbstractStore<"voice", TypeVoice> {
     return {
       echoCancellation: true,
       noiseSupression: "browser",
+      autoGainControl: true,
       inputVolume: 1.0,
       outputVolume: 1.0,
       userVolumes: {},
@@ -90,6 +92,10 @@ export class Voice extends AbstractStore<"voice", TypeVoice> {
       data.noiseSupression = input.noiseSupression;
     }
 
+    if (typeof input.autoGainControl === "boolean") {
+      data.autoGainControl = input.autoGainControl;
+    }
+
     if (typeof input.inputVolume === "number") {
       data.inputVolume = input.inputVolume;
     }
@@ -182,6 +188,13 @@ export class Voice extends AbstractStore<"voice", TypeVoice> {
     this.set("noiseSupression", value);
   }
 
+  /**
+   * Set auto gain control
+   */
+  set autoGainControl(value: boolean) {
+    this.set("autoGainControl", value);
+  }
+
   /**
    * Set input volume
    */
@@ -224,6 +237,13 @@ export class Voice extends AbstractStore<"voice", TypeVoice> {
     return this.get().noiseSupression;
   }
 
+  /**
+   * Get auto gain control
+   */
+  get autoGainControl(): boolean | undefined {
+    return this.get().autoGainControl;
+  }
+
   /**
    * Get input volume
    */