jssz-meeting-component 1.2.13 → 1.3.0

package/dist/index.esm.js

@@ -176,10 +176,7 @@ const _sfc_main$1c = {
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: "fade",
-        to: "body"
-      }, {
+      return openBlock(), createBlock(Transition, { name: "fade" }, {
         default: withCtx(() => [
           __props.visible ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -220,12 +217,12 @@ const _sfc_main$1c = {
     };
   }
 };
-const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-ba22629b"]]);
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__scopeId", "data-v-7f7409c4"]]);
 function createDirective(globalOptions = {}) {
   function createInstance2(el2, binding) {
     const fullscreen = el2 === document.body;
     const textColor = globalOptions.textColor || "#409eff";
-    const zIndex = globalOptions.zIndex || 2e3;
+    const zIndex = globalOptions.zIndex || 1e5;
     const props = reactive({
       visible: binding.value,
       fullscreen,
@@ -289,7 +286,7 @@ function createService(globalOptions = {}) {
       target: target2 = document.body,
       // background = globalOptions.background || 'rgba(255,255,255,0.7)',
       textColor = globalOptions.textColor || "#409eff",
-      zIndex = globalOptions.zIndex || 2e3
+      zIndex = globalOptions.zIndex || 1e5
     } = options;
     const props = reactive({
       visible: true,
@@ -37715,37 +37712,167 @@ function markNetworkDisconnected() {
   );
   handleLevelNotification("lost");
 }
-const runtimeLoaders = /* @__PURE__ */ new Map();
-function loadRnnoiseRuntime(basePath) {
-  if (window.RNNoiseNode) {
-    return Promise.resolve();
-  }
-  const url = `${basePath}rnnoise-runtime.js`;
-  let loader = runtimeLoaders.get(url);
-  if (loader) {
-    return loader;
-  }
-  loader = new Promise((resolve, reject) => {
-    const script = document.createElement("script");
-    script.src = url;
-    script.onload = () => resolve();
-    script.onerror = () => reject(new Error(`加载 rnnoise-runtime.js 失败: ${url}`));
-    document.head.appendChild(script);
-  });
-  runtimeLoaders.set(url, loader);
-  return loader;
+class AssetLoader {
+  constructor(config = {}) {
+    this.cdnUrl = config.cdnUrl ?? "https://cdn.mezon.ai/AI/models/datas/noise_suppression/deepfilternet3";
+  }
+  getCdnUrl(relativePath) {
+    return `${this.cdnUrl}/${relativePath}`;
+  }
+  getAssetUrls() {
+    return {
+      wasm: this.getCdnUrl("v2/pkg/df_bg.wasm"),
+      model: this.getCdnUrl("v2/models/DeepFilterNet3_onnx.tar.gz")
+    };
+  }
+  async fetchAsset(url) {
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error(`Failed to fetch asset: ${response.statusText}`);
+    }
+    return response.arrayBuffer();
+  }
 }
-class RnnoiseProcessor {
+let defaultLoader = null;
+function getAssetLoader(config) {
+  if (!defaultLoader || config) {
+    defaultLoader = new AssetLoader(config);
+  }
+  return defaultLoader;
+}
+async function createWorkletModule(audioContext, workletCode2) {
+  const blob = new Blob([workletCode2], { type: "application/javascript" });
+  const blobUrl = URL.createObjectURL(blob);
+  await audioContext.audioWorklet.addModule(blobUrl);
+}
+const WorkletMessageTypes = {
+  SET_SUPPRESSION_LEVEL: "SET_SUPPRESSION_LEVEL",
+  SET_BYPASS: "SET_BYPASS"
+};
+var workletCode = "(function () {\n    'use strict';\n\n    let wasm;\n\n    const heap = new Array(128).fill(undefined);\n\n    heap.push(undefined, null, true, false);\n\n    function getObject(idx) { return heap[idx]; }\n\n    let heap_next = heap.length;\n\n    function dropObject(idx) {\n        if (idx < 132) return;\n        heap[idx] = heap_next;\n        heap_next = idx;\n    }\n\n    function takeObject(idx) {\n        const ret = getObject(idx);\n        dropObject(idx);\n        return ret;\n    }\n\n    const cachedTextDecoder = (typeof TextDecoder !== 'undefined' ? new TextDecoder('utf-8', { ignoreBOM: true, fatal: true }) : { decode: () => { throw Error('TextDecoder not available') } } );\n\n    if (typeof TextDecoder !== 'undefined') { cachedTextDecoder.decode(); }\n    let cachedUint8Memory0 = null;\n\n    function getUint8Memory0() {\n        if (cachedUint8Memory0 === null || cachedUint8Memory0.byteLength === 0) {\n            cachedUint8Memory0 = new Uint8Array(wasm.memory.buffer);\n        }\n        return cachedUint8Memory0;\n    }\n\n    function getStringFromWasm0(ptr, len) {\n        ptr = ptr >>> 0;\n        return cachedTextDecoder.decode(getUint8Memory0().subarray(ptr, ptr + len));\n    }\n\n    function addHeapObject(obj) {\n        if (heap_next === heap.length) heap.push(heap.length + 1);\n        const idx = heap_next;\n        heap_next = heap[idx];\n\n        heap[idx] = obj;\n        return idx;\n    }\n    /**\n    * Set DeepFilterNet attenuation limit.\n    *\n    * Args:\n    *     - lim_db: New attenuation limit in dB.\n    * @param {number} st\n    * @param {number} lim_db\n    */\n    function df_set_atten_lim(st, lim_db) {\n        wasm.df_set_atten_lim(st, lim_db);\n    }\n\n    /**\n    * Get DeepFilterNet frame size in samples.\n    * @param {number} st\n    * @returns {number}\n    */\n    function df_get_frame_length(st) {\n        const ret = wasm.df_get_frame_length(st);\n        return ret >>> 0;\n    }\n\n    let WASM_VECTOR_LEN = 0;\n\n    function passArray8ToWasm0(arg, malloc) {\n        const ptr = malloc(arg.length * 1, 1) >>> 0;\n        getUint8Memory0().set(arg, ptr / 1);\n        WASM_VECTOR_LEN = arg.length;\n        return ptr;\n    }\n    /**\n    * Create a DeepFilterNet Model\n    *\n    * Args:\n    *     - path: File path to a DeepFilterNet tar.gz onnx model\n    *     - atten_lim: Attenuation limit in dB.\n    *\n    * Returns:\n    *     - DF state doing the full processing: stft, DNN noise reduction, istft.\n    * @param {Uint8Array} model_bytes\n    * @param {number} atten_lim\n    * @returns {number}\n    */\n    function df_create(model_bytes, atten_lim) {\n        const ptr0 = passArray8ToWasm0(model_bytes, wasm.__wbindgen_malloc);\n        const len0 = WASM_VECTOR_LEN;\n        const ret = wasm.df_create(ptr0, len0, atten_lim);\n        return ret >>> 0;\n    }\n\n    let cachedFloat32Memory0 = null;\n\n    function getFloat32Memory0() {\n        if (cachedFloat32Memory0 === null || cachedFloat32Memory0.byteLength === 0) {\n            cachedFloat32Memory0 = new Float32Array(wasm.memory.buffer);\n        }\n        return cachedFloat32Memory0;\n    }\n\n    function passArrayF32ToWasm0(arg, malloc) {\n        const ptr = malloc(arg.length * 4, 4) >>> 0;\n        getFloat32Memory0().set(arg, ptr / 4);\n        WASM_VECTOR_LEN = arg.length;\n        return ptr;\n    }\n    /**\n    * Processes a chunk of samples.\n    *\n    * Args:\n    *     - df_state: Created via df_create()\n    *     - input: Input buffer of length df_get_frame_length()\n    *     - output: Output buffer of length df_get_frame_length()\n    *\n    * Returns:\n    *     - Local SNR of the current frame.\n    * @param {number} st\n    * @param {Float32Array} input\n    * @returns {Float32Array}\n    */\n    function df_process_frame(st, input) {\n        const ptr0 = passArrayF32ToWasm0(input, wasm.__wbindgen_malloc);\n        const len0 = WASM_VECTOR_LEN;\n        const ret = wasm.df_process_frame(st, ptr0, len0);\n        return takeObject(ret);\n    }\n\n    function handleError(f, args) {\n        try {\n            return f.apply(this, args);\n        } catch (e) {\n            wasm.__wbindgen_exn_store(addHeapObject(e));\n        }\n    }\n\n    (typeof FinalizationRegistry === 'undefined')\n        ? { }\n        : new FinalizationRegistry(ptr => wasm.__wbg_dfstate_free(ptr >>> 0));\n\n    function __wbg_get_imports() {\n        const imports = {};\n        imports.wbg = {};\n        imports.wbg.__wbindgen_object_drop_ref = function(arg0) {\n            takeObject(arg0);\n        };\n        imports.wbg.__wbg_crypto_566d7465cdbb6b7a = function(arg0) {\n            const ret = getObject(arg0).crypto;\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbindgen_is_object = function(arg0) {\n            const val = getObject(arg0);\n            const ret = typeof(val) === 'object' && val !== null;\n            return ret;\n        };\n        imports.wbg.__wbg_process_dc09a8c7d59982f6 = function(arg0) {\n            const ret = getObject(arg0).process;\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_versions_d98c6400c6ca2bd8 = function(arg0) {\n            const ret = getObject(arg0).versions;\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_node_caaf83d002149bd5 = function(arg0) {\n            const ret = getObject(arg0).node;\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbindgen_is_string = function(arg0) {\n            const ret = typeof(getObject(arg0)) === 'string';\n            return ret;\n        };\n        imports.wbg.__wbg_require_94a9da52636aacbf = function() { return handleError(function () {\n            const ret = module.require;\n            return addHeapObject(ret);\n        }, arguments) };\n        imports.wbg.__wbindgen_is_function = function(arg0) {\n            const ret = typeof(getObject(arg0)) === 'function';\n            return ret;\n        };\n        imports.wbg.__wbindgen_string_new = function(arg0, arg1) {\n            const ret = getStringFromWasm0(arg0, arg1);\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_msCrypto_0b84745e9245cdf6 = function(arg0) {\n            const ret = getObject(arg0).msCrypto;\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_randomFillSync_290977693942bf03 = function() { return handleError(function (arg0, arg1) {\n            getObject(arg0).randomFillSync(takeObject(arg1));\n        }, arguments) };\n        imports.wbg.__wbg_getRandomValues_260cc23a41afad9a = function() { return handleError(function (arg0, arg1) {\n            getObject(arg0).getRandomValues(getObject(arg1));\n        }, arguments) };\n        imports.wbg.__wbg_newnoargs_e258087cd0daa0ea = function(arg0, arg1) {\n            const ret = new Function(getStringFromWasm0(arg0, arg1));\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_new_63b92bc8671ed464 = function(arg0) {\n            const ret = new Uint8Array(getObject(arg0));\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_new_9efabd6b6d2ce46d = function(arg0) {\n            const ret = new Float32Array(getObject(arg0));\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_buffer_12d079cc21e14bdb = function(arg0) {\n            const ret = getObject(arg0).buffer;\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_newwithbyteoffsetandlength_aa4a17c33a06e5cb = function(arg0, arg1, arg2) {\n            const ret = new Uint8Array(getObject(arg0), arg1 >>> 0, arg2 >>> 0);\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_newwithlength_e9b4878cebadb3d3 = function(arg0) {\n            const ret = new Uint8Array(arg0 >>> 0);\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_set_a47bac70306a19a7 = function(arg0, arg1, arg2) {\n            getObject(arg0).set(getObject(arg1), arg2 >>> 0);\n        };\n        imports.wbg.__wbg_subarray_a1f73cd4b5b42fe1 = function(arg0, arg1, arg2) {\n            const ret = getObject(arg0).subarray(arg1 >>> 0, arg2 >>> 0);\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_newwithbyteoffsetandlength_4a659d079a1650e0 = function(arg0, arg1, arg2) {\n            const ret = new Float32Array(getObject(arg0), arg1 >>> 0, arg2 >>> 0);\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_self_ce0dbfc45cf2f5be = function() { return handleError(function () {\n            const ret = self.self;\n            return addHeapObject(ret);\n        }, arguments) };\n        imports.wbg.__wbg_window_c6fb939a7f436783 = function() { return handleError(function () {\n            const ret = window.window;\n            return addHeapObject(ret);\n        }, arguments) };\n        imports.wbg.__wbg_globalThis_d1e6af4856ba331b = function() { return handleError(function () {\n            const ret = globalThis.globalThis;\n            return addHeapObject(ret);\n        }, arguments) };\n        imports.wbg.__wbg_global_207b558942527489 = function() { return handleError(function () {\n            const ret = global.global;\n            return addHeapObject(ret);\n        }, arguments) };\n        imports.wbg.__wbindgen_is_undefined = function(arg0) {\n            const ret = getObject(arg0) === undefined;\n            return ret;\n        };\n        imports.wbg.__wbg_call_27c0f87801dedf93 = function() { return handleError(function (arg0, arg1) {\n            const ret = getObject(arg0).call(getObject(arg1));\n            return addHeapObject(ret);\n        }, arguments) };\n        imports.wbg.__wbindgen_object_clone_ref = function(arg0) {\n            const ret = getObject(arg0);\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbg_call_b3ca7c6051f9bec1 = function() { return handleError(function (arg0, arg1, arg2) {\n            const ret = getObject(arg0).call(getObject(arg1), getObject(arg2));\n            return addHeapObject(ret);\n        }, arguments) };\n        imports.wbg.__wbindgen_memory = function() {\n            const ret = wasm.memory;\n            return addHeapObject(ret);\n        };\n        imports.wbg.__wbindgen_throw = function(arg0, arg1) {\n            throw new Error(getStringFromWasm0(arg0, arg1));\n        };\n\n        return imports;\n    }\n\n    function __wbg_finalize_init(instance, module) {\n        wasm = instance.exports;\n        cachedFloat32Memory0 = null;\n        cachedUint8Memory0 = null;\n\n\n        return wasm;\n    }\n\n    function initSync(module) {\n        if (wasm !== undefined) return wasm;\n\n        const imports = __wbg_get_imports();\n\n        if (!(module instanceof WebAssembly.Module)) {\n            module = new WebAssembly.Module(module);\n        }\n\n        const instance = new WebAssembly.Instance(module, imports);\n\n        return __wbg_finalize_init(instance);\n    }\n\n    const WorkletMessageTypes = {\n        SET_SUPPRESSION_LEVEL: 'SET_SUPPRESSION_LEVEL',\n        SET_BYPASS: 'SET_BYPASS'\n    };\n\n    class DeepFilterAudioProcessor extends AudioWorkletProcessor {\n        constructor(options) {\n            super();\n            this.dfModel = null;\n            this.inputWritePos = 0;\n            this.inputReadPos = 0;\n            this.outputWritePos = 0;\n            this.outputReadPos = 0;\n            this.bypass = false;\n            this.isInitialized = false;\n            this.tempFrame = null;\n            this.bufferSize = 8192;\n            this.inputBuffer = new Float32Array(this.bufferSize);\n            this.outputBuffer = new Float32Array(this.bufferSize);\n            try {\n                // Initialize WASM from pre-compiled module\n                initSync(options.processorOptions.wasmModule);\n                const modelBytes = new Uint8Array(options.processorOptions.modelBytes);\n                const handle = df_create(modelBytes, options.processorOptions.suppressionLevel ?? 50);\n                const frameLength = df_get_frame_length(handle);\n                this.dfModel = { handle, frameLength };\n                this.bufferSize = frameLength * 4;\n                this.inputBuffer = new Float32Array(this.bufferSize);\n                this.outputBuffer = new Float32Array(this.bufferSize);\n                // Pre-allocate temp frame buffer for processing\n                this.tempFrame = new Float32Array(frameLength);\n                this.isInitialized = true;\n                this.port.onmessage = (event) => {\n                    this.handleMessage(event.data);\n                };\n            }\n            catch (error) {\n                console.error('Failed to initialize DeepFilter in AudioWorklet:', error);\n                this.isInitialized = false;\n            }\n        }\n        handleMessage(data) {\n            switch (data.type) {\n                case WorkletMessageTypes.SET_SUPPRESSION_LEVEL:\n                    if (this.dfModel && typeof data.value === 'number') {\n                        const level = Math.max(0, Math.min(100, Math.floor(data.value)));\n                        df_set_atten_lim(this.dfModel.handle, level);\n                    }\n                    break;\n                case WorkletMessageTypes.SET_BYPASS:\n                    this.bypass = Boolean(data.value);\n                    break;\n            }\n        }\n        getInputAvailable() {\n            return (this.inputWritePos - this.inputReadPos + this.bufferSize) % this.bufferSize;\n        }\n        getOutputAvailable() {\n            return (this.outputWritePos - this.outputReadPos + this.bufferSize) % this.bufferSize;\n        }\n        process(inputList, outputList) {\n            const sourceLimit = Math.min(inputList.length, outputList.length);\n            const input = inputList[0]?.[0];\n            if (!input) {\n                return true;\n            }\n            // Passthrough mode - copy input to all output channels\n            if (!this.isInitialized || !this.dfModel || this.bypass || !this.tempFrame) {\n                for (let inputNum = 0; inputNum < sourceLimit; inputNum++) {\n                    const output = outputList[inputNum];\n                    const channelCount = output.length;\n                    for (let channelNum = 0; channelNum < channelCount; channelNum++) {\n                        output[channelNum].set(input);\n                    }\n                }\n                return true;\n            }\n            // Write input to ring buffer\n            for (let i = 0; i < input.length; i++) {\n                this.inputBuffer[this.inputWritePos] = input[i];\n                this.inputWritePos = (this.inputWritePos + 1) % this.bufferSize;\n            }\n            const frameLength = this.dfModel.frameLength;\n            while (this.getInputAvailable() >= frameLength) {\n                // Extract frame from ring buffer\n                for (let i = 0; i < frameLength; i++) {\n                    this.tempFrame[i] = this.inputBuffer[this.inputReadPos];\n                    this.inputReadPos = (this.inputReadPos + 1) % this.bufferSize;\n                }\n                const processed = df_process_frame(this.dfModel.handle, this.tempFrame);\n                // Write to output ring buffer\n                for (let i = 0; i < processed.length; i++) {\n                    this.outputBuffer[this.outputWritePos] = processed[i];\n                    this.outputWritePos = (this.outputWritePos + 1) % this.bufferSize;\n                }\n            }\n            const outputAvailable = this.getOutputAvailable();\n            if (outputAvailable >= 128) {\n                for (let inputNum = 0; inputNum < sourceLimit; inputNum++) {\n                    const output = outputList[inputNum];\n                    const channelCount = output.length;\n                    for (let channelNum = 0; channelNum < channelCount; channelNum++) {\n                        const outputChannel = output[channelNum];\n                        let readPos = this.outputReadPos;\n                        for (let i = 0; i < 128; i++) {\n                            outputChannel[i] = this.outputBuffer[readPos];\n                            readPos = (readPos + 1) % this.bufferSize;\n                        }\n                    }\n                }\n                this.outputReadPos = (this.outputReadPos + 128) % this.bufferSize;\n            }\n            return true;\n        }\n    }\n    registerProcessor('deepfilter-audio-processor', DeepFilterAudioProcessor);\n\n})();\n";
+class DeepFilterNet3Core {
+  constructor(config = {}) {
+    this.assets = null;
+    this.workletNode = null;
+    this.isInitialized = false;
+    this.bypassEnabled = false;
+    this.config = {
+      sampleRate: config.sampleRate ?? 48e3,
+      noiseReductionLevel: config.noiseReductionLevel ?? 50,
+      assetConfig: config.assetConfig
+    };
+    this.assetLoader = getAssetLoader(config.assetConfig);
+  }
+  async initialize() {
+    if (this.isInitialized)
+      return;
+    const assetUrls = this.assetLoader.getAssetUrls();
+    const [wasmBytes, modelBytes] = await Promise.all([
+      this.assetLoader.fetchAsset(assetUrls.wasm),
+      this.assetLoader.fetchAsset(assetUrls.model)
+    ]);
+    const wasmModule = await WebAssembly.compile(wasmBytes);
+    this.assets = { wasmModule, modelBytes };
+    this.isInitialized = true;
+  }
+  async createAudioWorkletNode(audioContext) {
+    this.ensureInitialized();
+    if (!this.assets) {
+      throw new Error("Assets not loaded");
+    }
+    await createWorkletModule(audioContext, workletCode);
+    this.workletNode = new AudioWorkletNode(audioContext, "deepfilter-audio-processor", {
+      processorOptions: {
+        wasmModule: this.assets.wasmModule,
+        modelBytes: this.assets.modelBytes,
+        suppressionLevel: this.config.noiseReductionLevel
+      }
+    });
+    return this.workletNode;
+  }
+  setSuppressionLevel(level) {
+    if (!this.workletNode || typeof level !== "number" || isNaN(level))
+      return;
+    const clampedLevel = Math.max(0, Math.min(100, Math.floor(level)));
+    this.workletNode.port.postMessage({
+      type: WorkletMessageTypes.SET_SUPPRESSION_LEVEL,
+      value: clampedLevel
+    });
+  }
+  destroy() {
+    if (!this.isInitialized)
+      return;
+    if (this.workletNode) {
+      this.workletNode.disconnect();
+      this.workletNode = null;
+    }
+    this.assets = null;
+    this.isInitialized = false;
+  }
+  isReady() {
+    return this.isInitialized && this.workletNode !== null;
+  }
+  setNoiseSuppressionEnabled(enabled) {
+    if (!this.workletNode)
+      return;
+    this.bypassEnabled = !enabled;
+    this.workletNode.port.postMessage({
+      type: WorkletMessageTypes.SET_BYPASS,
+      value: !enabled
+    });
+  }
+  isNoiseSuppressionEnabled() {
+    return !this.bypassEnabled;
+  }
+  ensureInitialized() {
+    if (!this.isInitialized) {
+      throw new Error("Processor not initialized. Call initialize() first.");
+    }
+  }
+}
+const GZIP_FIX_FLAG = "__srtcGzipFix";
+function patchAssetLoaderGzipFix() {
+  const proto = AssetLoader.prototype;
+  if (proto[GZIP_FIX_FLAG]) {
+    return;
+  }
+  const original = proto.fetchAsset;
+  proto.fetchAsset = async function(url) {
+    const buf = await original.call(this, url);
+    if (!url.endsWith(".tar.gz")) {
+      return buf;
+    }
+    const head = new Uint8Array(buf);
+    if (head[0] === 31 && head[1] === 139) {
+      return buf;
+    }
+    const isTar = head.length > 262 && head[257] === 117 && head[258] === 115 && head[259] === 116 && head[260] === 97 && head[261] === 114;
+    if (isTar) {
+      if (typeof CompressionStream === "undefined") {
+        throw new Error("DeepFilterNet 模型被服务器以 Content-Encoding 解压，且当前环境不支持 CompressionStream 无法自动还原；请让服务器对 .tar.gz 不要设置 Content-Encoding: gzip。");
+      }
+      const stream = new Response(buf).body.pipeThrough(new CompressionStream("gzip"));
+      return await new Response(stream).arrayBuffer();
+    }
+    throw new Error(`DeepFilterNet 模型内容无效（既非 gzip 也非 tar，可能路径错误或命中 SPA fallback）：${url}`);
+  };
+  proto[GZIP_FIX_FLAG] = true;
+}
+class DeepFilterNetProcessor {
   constructor(options = {}) {
-    this.name = "rnnoise";
+    this.name = "deepfilternet";
     this.ownContext = false;
-    this.basePath = options.basePath ?? "/";
+    this.suppressionLevel = options.suppressionLevel ?? 50;
+    this.assetBasePath = options.assetBasePath ?? "/";
+    this.cdnUrl = options.cdnUrl;
+  }
+  resolveAssetBase() {
+    return (this.cdnUrl ?? this.assetBasePath).replace(/\/+$/, "");
   }
   async init(options) {
     if (options.kind !== Bn.Audio) {
-      throw new Error("RnnoiseProcessor 仅支持音频轨道");
+      throw new Error("DeepFilterNetProcessor 仅支持音频轨道");
     }
-    await loadRnnoiseRuntime(this.basePath);
     if (options.audioContext) {
       this.audioContext = options.audioContext;
       this.ownContext = false;
@@ -37756,37 +37883,152 @@ class RnnoiseProcessor {
       });
       this.ownContext = true;
     }
-    await RNNoiseNode.register(this.audioContext);
+    patchAssetLoaderGzipFix();
+    this.core = new DeepFilterNet3Core({
+      sampleRate: 48e3,
+      noiseReductionLevel: this.suppressionLevel,
+      assetConfig: { cdnUrl: this.resolveAssetBase() }
+    });
+    await this.core.initialize();
+    this.workletNode = await this.core.createAudioWorkletNode(this.audioContext);
     this.sourceNode = this.audioContext.createMediaStreamSource(new MediaStream([options.track]));
-    this.rnnoiseNode = new RNNoiseNode(this.audioContext);
     this.destinationNode = this.audioContext.createMediaStreamDestination();
-    this.sourceNode.connect(this.rnnoiseNode);
-    this.rnnoiseNode.connect(this.destinationNode);
+    this.sourceNode.connect(this.workletNode);
+    this.workletNode.connect(this.destinationNode);
     const tracks = this.destinationNode.stream.getAudioTracks();
     if (!tracks.length) {
-      throw new Error("RnnoiseProcessor 未产出音频轨道");
+      throw new Error("DeepFilterNetProcessor 未产出音频轨道");
     }
     this.processedTrack = tracks[0];
   }
+  setSuppressionLevel(level) {
+    var _a25;
+    this.suppressionLevel = Math.max(0, Math.min(100, Math.floor(level)));
+    (_a25 = this.core) == null ? void 0 : _a25.setSuppressionLevel(this.suppressionLevel);
+  }
+  setEnabled(enabled) {
+    var _a25;
+    (_a25 = this.core) == null ? void 0 : _a25.setNoiseSuppressionEnabled(enabled);
+  }
   async destroy() {
-    var _a25, _b25, _c2, _d;
-    try {
-      (_a25 = this.rnnoiseNode) == null ? void 0 : _a25.update(false);
-    } catch {
-    }
+    var _a25, _b25, _c2;
+    (_a25 = this.core) == null ? void 0 : _a25.destroy();
     (_b25 = this.sourceNode) == null ? void 0 : _b25.disconnect();
-    (_c2 = this.rnnoiseNode) == null ? void 0 : _c2.disconnect();
-    (_d = this.destinationNode) == null ? void 0 : _d.disconnect();
+    (_c2 = this.destinationNode) == null ? void 0 : _c2.disconnect();
     if (this.ownContext && this.audioContext && this.audioContext.state !== "closed") {
       await this.audioContext.close();
     }
+    this.core = void 0;
     this.sourceNode = void 0;
-    this.rnnoiseNode = void 0;
+    this.workletNode = void 0;
     this.destinationNode = void 0;
     this.audioContext = void 0;
     this.processedTrack = void 0;
   }
 }
+const MIC_NOISE_REDUCTION_PREFS_KEY = "JS_MIC_NOISE_REDUCTION_PREFS";
+const DEFAULT_SUPPRESSION_LEVEL = 50;
+const DEFAULT_ASSET_BASE_PATH = "/deepfilternet/";
+function clampSuppressionLevel(level) {
+  if (!Number.isFinite(level)) return DEFAULT_SUPPRESSION_LEVEL;
+  return Math.max(0, Math.min(100, Math.round(level)));
+}
+function readPrefs() {
+  try {
+    const raw = localStorage.getItem(MIC_NOISE_REDUCTION_PREFS_KEY);
+    if (!raw) return {};
+    const parsed = JSON.parse(raw);
+    return parsed && typeof parsed === "object" ? parsed : {};
+  } catch {
+    return {};
+  }
+}
+const initialPrefs$1 = readPrefs();
+const micNoiseReductionState = reactive({
+  enabled: initialPrefs$1.enabled ?? true,
+  suppressionLevel: clampSuppressionLevel(
+    initialPrefs$1.suppressionLevel ?? DEFAULT_SUPPRESSION_LEVEL
+  ),
+  assetBasePath: typeof initialPrefs$1.assetBasePath === "string" && initialPrefs$1.assetBasePath.trim() ? initialPrefs$1.assetBasePath : DEFAULT_ASSET_BASE_PATH
+});
+const micNoiseReductionError = ref("");
+let currentTrack;
+let currentProcessor;
+let operationQueue = Promise.resolve();
+function enqueueOperation(operation) {
+  const next = operationQueue.then(operation, operation);
+  operationQueue = next.then(
+    () => void 0,
+    () => void 0
+  );
+  return next;
+}
+async function destroyProcessor(track) {
+  if (!currentProcessor) return;
+  if (track) {
+    try {
+      await track.removeProcessor();
+    } catch (_2) {
+    }
+  }
+  try {
+    await currentProcessor.destroy();
+  } catch (_2) {
+  }
+  currentProcessor = void 0;
+}
+async function applyToTrack(track = currentTrack) {
+  if (!track) {
+    await destroyProcessor();
+    micNoiseReductionError.value = "";
+    return { status: "disabled" };
+  }
+  if (!micNoiseReductionState.enabled) {
+    if (currentProcessor) {
+      currentProcessor.setSuppressionLevel(micNoiseReductionState.suppressionLevel);
+      currentProcessor.setEnabled(false);
+    }
+    micNoiseReductionError.value = "";
+    return { status: "disabled" };
+  }
+  try {
+    if (!currentProcessor) {
+      currentProcessor = new DeepFilterNetProcessor({
+        assetBasePath: micNoiseReductionState.assetBasePath,
+        suppressionLevel: micNoiseReductionState.suppressionLevel
+      });
+      await track.setProcessor(currentProcessor);
+    }
+    currentProcessor.setSuppressionLevel(micNoiseReductionState.suppressionLevel);
+    currentProcessor.setEnabled(true);
+    micNoiseReductionError.value = "";
+    return { status: "enabled" };
+  } catch (error) {
+    micNoiseReductionError.value = error instanceof Error ? error.message : "AI 降噪启用失败";
+    await destroyProcessor(track);
+    return { status: "failed", error };
+  }
+}
+function bindMicNoiseReductionTrack(track) {
+  return enqueueOperation(async () => {
+    const previousTrack = currentTrack;
+    currentTrack = track;
+    if (previousTrack && previousTrack !== track) {
+      await destroyProcessor(previousTrack);
+    }
+    return applyToTrack(track);
+  });
+}
+function releaseMicNoiseReductionTrack(track) {
+  return enqueueOperation(async () => {
+    const targetTrack = track || currentTrack;
+    if (currentTrack === targetTrack) {
+      currentTrack = void 0;
+    }
+    await destroyProcessor(targetTrack);
+    micNoiseReductionError.value = "";
+  });
+}
 const alertMsg = "需要浏览器授权麦克风摄像头访问，才能进行音视频通话。请依次点击右上角三个点 > 设置 > 隐私设置和安全性 > 网站设置 > 摄像头或麦克风，把权限更改为 允许 。";
 const deviceInfo = reactive({
   speakers: [],
@@ -38265,9 +38507,9 @@ async function stopAndUnpublishLocalMicTrack() {
   if (!track) return;
   try {
     await srtc.unpublishLocalTrack(track);
-    await track.removeProcessor();
   } catch (_2) {
   }
+  await releaseMicNoiseReductionTrack(track);
   try {
     await track.stopCapture();
   } catch (_2) {
@@ -39057,12 +39299,14 @@ function openMic() {
         noiseSuppression: true,
         autoGainControl: true
       });
-      await track.setProcessor(new RnnoiseProcessor({ basePath: "/rnnoise/" }));
-      console.log(11111111111111112e12);
+      const noiseReductionResult = await bindMicNoiseReductionTrack(track);
       await srtc.publishLocalTrack(track, {
         priority: "high"
       });
       speechDetector.start(track);
+      if (noiseReductionResult.status === "failed") {
+        showNotification("AI 降噪启用失败，已自动回退为原始麦克风", "warning", 4e3);
+      }
       meState.microPhoneState = "1";
       meetingStore$1.upsertMember(getUserId(), { audioStatus: "1" });
       writeSelfMediaPrefs({ audioStatus: "1" });
@@ -41118,7 +41362,7 @@ const _hoisted_10$d = {
 const _hoisted_11$c = ["onDblclick"];
 const _hoisted_12$c = ["checked", "disabled", "onChange"];
 const _hoisted_13$a = { class: "card-body" };
-const _hoisted_14$9 = { class: "user" };
+const _hoisted_14$a = { class: "user" };
 const _hoisted_15$8 = { class: "avatar large" };
 const _hoisted_16$7 = { class: "meta" };
 const _hoisted_17$6 = { class: "user-name" };
@@ -41370,7 +41614,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               (openBlock(), createElementBlock(Fragment, null, renderList(12, (n2) => {
                 return createElementVNode("div", {
                   key: n2,
-                  class: "skeleton"
+                  class: "skeleton-con"
                 }, [
                   createVNode(Skeleton)
                 ]);
@@ -41390,7 +41634,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                     onChange: ($event) => toggleUser(user)
                   }, null, 40, _hoisted_12$c),
                   createElementVNode("div", _hoisted_13$a, [
-                    createElementVNode("div", _hoisted_14$9, [
+                    createElementVNode("div", _hoisted_14$a, [
                       createElementVNode("div", _hoisted_15$8, toDisplayString((user.name || "").charAt(0)), 1),
                       createElementVNode("div", _hoisted_16$7, [
                         createElementVNode("div", _hoisted_17$6, toDisplayString(user.name) + "（" + toDisplayString(user.shortNumber) + "） ", 1),
@@ -41477,7 +41721,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSUser = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-9cf6c83a"]]);
+const JSUser = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0d2f3a42"]]);
 var RoomModalSelectType = /* @__PURE__ */ ((RoomModalSelectType2) => {
   RoomModalSelectType2["microphoneClick"] = "microphoneClick";
   RoomModalSelectType2["cameraClick"] = "cameraClick";
@@ -41649,7 +41893,7 @@ const _hoisted_11$b = {
 };
 const _hoisted_12$b = { class: "section-title" };
 const _hoisted_13$9 = ["onClick"];
-const _hoisted_14$8 = { class: "label" };
+const _hoisted_14$9 = { class: "label" };
 const _hoisted_15$7 = {
   key: 0,
   class: "empty-device"
@@ -41687,7 +41931,6 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       if (id !== deviceInfo.microPhoneId) {
         try {
           await switchMicrophone(id);
-          deviceInfo.microPhoneId = id;
         } catch (error) {
           console.error("切换麦克风失败:", error);
           alert(
@@ -41700,7 +41943,6 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       if (id !== deviceInfo.cameraId) {
         try {
           await switchCamera(id);
-          deviceInfo.cameraId = id;
           emit("close");
         } catch (error) {
           console.error("切换摄像头失败:", error);
@@ -41780,7 +42022,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               createElementVNode("span", {
                 class: normalizeClass(["check", { show: cam.deviceId === cameraId.value }])
               }, "✓", 2),
-              createElementVNode("span", _hoisted_14$8, toDisplayString(formatDeviceLabel(cam.label)), 1)
+              createElementVNode("span", _hoisted_14$9, toDisplayString(formatDeviceLabel(cam.label)), 1)
             ], 8, _hoisted_13$9);
           }), 128)),
           !cameras.value.length ? (openBlock(), createElementBlock("div", _hoisted_15$7, " 暂无摄像头，请检查电脑设备 ")) : createCommentVNode("", true)
@@ -41789,7 +42031,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DeviceSelector = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-ced67da8"]]);
+const DeviceSelector = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-30a7a3c3"]]);
 const _hoisted_1$n = ["title"];
 const _hoisted_2$l = {
   class: "signal-bars",
@@ -41812,7 +42054,7 @@ const _hoisted_10$b = { class: "popup-grid" };
 const _hoisted_11$a = { class: "popup-item-label" };
 const _hoisted_12$a = { class: "popup-item-value" };
 const _hoisted_13$8 = { class: "popup-section" };
-const _hoisted_14$7 = { class: "popup-grid" };
+const _hoisted_14$8 = { class: "popup-grid" };
 const _hoisted_15$6 = { class: "popup-item-label" };
 const _hoisted_16$6 = { class: "popup-item-value" };
 const _hoisted_17$5 = { class: "popup-header" };
@@ -42203,7 +42445,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                 ]),
                 createElementVNode("div", _hoisted_13$8, [
                   _cache[6] || (_cache[6] = createElementVNode("div", { class: "popup-section-title" }, "网络指标", -1)),
-                  createElementVNode("div", _hoisted_14$7, [
+                  createElementVNode("div", _hoisted_14$8, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(overviewItems.value, (item) => {
                       return openBlock(), createElementBlock("div", {
                         key: item.label,
@@ -42345,7 +42587,7 @@ const _hoisted_10$a = { class: "status-right" };
 const _hoisted_11$9 = ["onClick"];
 const _hoisted_12$9 = { class: "video-wrapper" };
 const _hoisted_13$7 = ["id"];
-const _hoisted_14$6 = { class: "avatar-container" };
+const _hoisted_14$7 = { class: "avatar-container" };
 const _hoisted_15$5 = { class: "avatar" };
 const _hoisted_16$5 = { class: "video-loading-overlay" };
 const _hoisted_17$4 = { class: "video-loading-text" };
@@ -42773,7 +43015,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     }, null, 8, _hoisted_13$7), [
                       [vShow, (user == null ? void 0 : user.cameraStatus) === "1"]
                     ]),
-                    withDirectives(createElementVNode("div", _hoisted_14$6, [
+                    withDirectives(createElementVNode("div", _hoisted_14$7, [
                       createElementVNode("div", _hoisted_15$5, toDisplayString(unref(getUserAvatar)(user)), 1)
                     ], 512), [
                       [vShow, (user == null ? void 0 : user.cameraStatus) !== "1"]
@@ -43936,7 +44178,7 @@ const _hoisted_10$8 = { key: 1 };
 const _hoisted_11$7 = { class: "js-member-actions" };
 const _hoisted_12$7 = ["onClick"];
 const _hoisted_13$6 = ["onClick"];
-const _hoisted_14$5 = ["onClick"];
+const _hoisted_14$6 = ["onClick"];
 const _hoisted_15$4 = ["id"];
 const _hoisted_16$4 = ["onClick"];
 const _hoisted_17$3 = ["onClick"];
@@ -44229,7 +44471,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                           onClick: ($event) => kickOut(member.member.memberId)
                         }, " 移出会议 ", 8, _hoisted_17$3)
                       ], 10, _hoisted_15$4)) : createCommentVNode("", true)
-                    ], 8, _hoisted_14$5)) : createCommentVNode("", true)
+                    ], 8, _hoisted_14$6)) : createCommentVNode("", true)
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     member.roleType !== "5" ? (openBlock(), createBlock(SvgIcon, {
                       key: 0,
@@ -44298,7 +44540,7 @@ const _hoisted_10$7 = {
 const _hoisted_11$6 = { class: "chat-input-toolbar" };
 const _hoisted_12$6 = { class: "image-upload-wrapper" };
 const _hoisted_13$5 = { class: "emoji-picker-popup-global" };
-const _hoisted_14$4 = ["onClick"];
+const _hoisted_14$5 = ["onClick"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Chat",
   setup(__props) {
@@ -44839,7 +45081,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                   key: emoji,
                   class: "emoji-item",
                   onClick: ($event) => selectEmoji(emoji)
-                }, toDisplayString(emoji), 9, _hoisted_14$4);
+                }, toDisplayString(emoji), 9, _hoisted_14$5);
               }), 64))
             ])
           ]),
@@ -45432,7 +45674,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
 const Tree = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-b9399b47"]]);
 const _hoisted_1$b = { class: "js-invite-modal-content-left" };
 const _hoisted_2$b = { class: "search" };
-const _hoisted_3$b = { class: "js-tree-container" };
+const _hoisted_3$b = {
+  class: "js-tree-container",
+  "loading-text": "加载中..."
+};
 const _hoisted_4$9 = {
   key: 0,
   class: "js-empty"
@@ -45446,6 +45691,7 @@ const _hoisted_10$6 = { class: "js-selected-users" };
 const _hoisted_11$5 = { class: "js-selected-item-info" };
 const _hoisted_12$5 = { class: "js-selected-item-avatar" };
 const _hoisted_13$4 = { class: "js-selected-item-name" };
+const _hoisted_14$4 = { class: "js-modal-right-footer" };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "Invite",
   props: {
@@ -45459,6 +45705,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const themeClass = computed(() => `theme-${props.theme}`);
     const emit = __emit;
     const isVisible = computed(() => props.visible);
+    const loading = ref(false);
     const treeData = ref([]);
     const originalTreeData = ref([]);
     const searchKeyword = ref("");
@@ -45487,6 +45734,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       });
       return users;
     });
+    const canConfirm = computed(() => selectedUsers.value.length > 0);
     const treeProps = {
       children: "children",
       label: "name",
@@ -45543,25 +45791,26 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       emit("update:visible", false);
     };
     async function getAddressBook() {
+      var _a25;
+      loading.value = true;
       try {
-        getMemberTree(props.taskId).then((res) => {
-          if (res.code == 200) {
-            treeData.value = res.data.contacts;
-            originalTreeData.value = JSON.parse(JSON.stringify(treeData.value));
-            nextTick(() => {
-              var _a25;
-              (_a25 = treeRef.value) == null ? void 0 : _a25.expandAll();
-            });
-          } else {
-          }
-        }).catch(() => {
-          treeData.value = [];
-          originalTreeData.value = [];
-        }).finally(() => {
-        });
-      } catch (err) {
+        const res = await getMemberTree(props.taskId);
+        if ((res == null ? void 0 : res.code) == 200) {
+          treeData.value = ((_a25 = res.data) == null ? void 0 : _a25.contacts) ?? [];
+          originalTreeData.value = JSON.parse(JSON.stringify(treeData.value));
+          nextTick(() => {
+            var _a26;
+            (_a26 = treeRef.value) == null ? void 0 : _a26.expandAll();
+          });
+          return;
+        }
+        treeData.value = [];
+        originalTreeData.value = [];
+      } catch {
         treeData.value = [];
         originalTreeData.value = [];
+      } finally {
+        loading.value = false;
       }
     }
     watch(
@@ -45584,6 +45833,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       emitter.off("refreshUserList", getAddressBook);
     });
     return (_ctx, _cache) => {
+      const _directive_loding = resolveDirective("loding");
       return isVisible.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(["js-invite-modal", themeClass.value])
@@ -45605,14 +45855,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               size: 15
             })
           ]),
-          createElementVNode("div", _hoisted_3$b, [
-            treeData.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
+          withDirectives((openBlock(), createElementBlock("div", _hoisted_3$b, [
+            !loading.value && treeData.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4$9, [
               createVNode(SvgIcon, {
                 name: "NoUserIcon",
-                size: 120
+                size: 100
               }),
-              _cache[1] || (_cache[1] = createTextVNode(" 暂无用户 ", -1))
-            ])) : (openBlock(), createBlock(Tree, {
+              _cache[2] || (_cache[2] = createTextVNode(" 暂无用户 ", -1))
+            ])) : !loading.value ? (openBlock(), createBlock(Tree, {
               key: 1,
               ref_key: "treeRef",
               ref: treeRef,
@@ -45620,7 +45870,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               props: treeProps,
               onNodeClick: handleClick,
               onCheckChange: handleCheck
-            }, null, 8, ["data"]))
+            }, null, 8, ["data"])) : createCommentVNode("", true)
+          ])), [
+            [_directive_loding, loading.value]
           ])
         ]),
         createElementVNode("div", _hoisted_5$8, [
@@ -45655,11 +45907,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               }), 128))
             ])
           ]),
-          createElementVNode("div", { class: "js-modal-right-footer" }, [
+          createElementVNode("div", _hoisted_14$4, [
             createElementVNode("div", {
-              class: "button button-primary",
-              onClick: handleConfirm
-            }, "确定"),
+              class: normalizeClass(["button button-primary", { disabled: !canConfirm.value }]),
+              onClick: _cache[1] || (_cache[1] = ($event) => canConfirm.value && handleConfirm())
+            }, " 确定 ", 2),
             createElementVNode("div", {
               class: "button button-secondary",
               onClick: handleClose
@@ -45670,7 +45922,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Invite = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-deceb72d"]]);
+const Invite = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-005d905b"]]);
 const _hoisted_1$a = { class: "js-meeting-invite-modal" };
 const _hoisted_2$a = { class: "js-meeting-invite-modal-header" };
 const _hoisted_3$a = { class: "js-meeting-invite-modal-title" };
@@ -46943,7 +47195,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSSOSSetting = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-e743e4f6"]]);
+const JSSOSSetting = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-cb010b2e"]]);
 const _hoisted_1$6 = { class: "dialog" };
 const _hoisted_2$6 = { class: "modal-header" };
 const _hoisted_3$6 = { class: "content" };
@@ -47670,7 +47922,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const selectedSpeakerId = computed({
       get: () => deviceInfo.speakerId,
       set: async (value) => {
-        setPreferredSpeakerDevice(value);
+        await switchSpeaker(value);
         if (speakerTesting.value) {
           await restartSpeakerTest();
         }
@@ -47680,7 +47932,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       get: () => deviceInfo.microPhoneId,
       set: async (value) => {
         await switchMicrophone(value);
-        setPreferredMicrophoneDevice(value);
         if (microphoneTesting.value) {
           await restartMicrophoneTest();
         }
@@ -47690,7 +47941,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       get: () => deviceInfo.cameraId,
       set: async (value) => {
         await switchCamera(value);
-        setPreferredCameraDevice(value);
         if (visible.value && activeTab.value === "camera") {
           await startCameraPreview();
         }
@@ -48131,7 +48381,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JSSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b420aee0"]]);
+const JSSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6a4053ae"]]);
 function scheduleJoinRoom() {
   setTimeout(() => {
     try {