@tiny-codes/react-easy 1.4.5 → 1.4.7

package/lib/hooks/useUserMedia.js

@@ -0,0 +1,553 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useUserMedia.tsx
+var useUserMedia_exports = {};
+__export(useUserMedia_exports, {
+  default: () => useUserMedia_default
+});
+module.exports = __toCommonJS(useUserMedia_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_ConfigProvider = __toESM(require("../components/ConfigProvider"));
+var import_context = __toESM(require("../components/ConfigProvider/context"));
+var import_stream = require("../utils/stream");
+var import_useRefFunction = __toESM(require("./useRefFunction"));
+var import_useRefValue = __toESM(require("./useRefValue"));
+var import_useT = __toESM(require("./useT"));
+var requestMicrophoneEnUrlPromise = import("../assets/request-microphone-en.js");
+var requestMicrophoneZhUrlPromise = import("../assets/request-microphone-zh.js");
+var resetMicrophoneEnUrlPromise = import("../assets/reset-microphone-en.js");
+var resetMicrophoneZhUrlPromise = import("../assets/reset-microphone-zh.js");
+var saveAudioDeviceEnUrlPromise1 = import("../assets/save-default-audio1-en.js");
+var saveAudioDeviceZhUrlPromise1 = import("../assets/save-default-audio1-zh.js");
+var saveAudioDeviceEnUrlPromise2 = import("../assets/save-default-audio2-en.js");
+var saveAudioDeviceZhUrlPromise2 = import("../assets/save-default-audio2-zh.js");
+var requestCameraEnUrlPromise = import("../assets/request-camera-en.js");
+var requestCameraZhUrlPromise = import("../assets/request-camera-zh.js");
+var resetCameraEnUrlPromise = import("../assets/reset-camera-en.js");
+var resetCameraZhUrlPromise = import("../assets/reset-camera-zh.js");
+var useUserMedia = (props) => {
+  var _a;
+  const {
+    media,
+    pcmAudioOptions,
+    disabled,
+    streamSliceMs = 500,
+    soundDetectionThreshold = 0,
+    soundDetectionTimeout = 3e3,
+    onStartRecording,
+    onStopRecording,
+    onStreamChunk,
+    onPcmStreamChunk
+  } = props;
+  const context = (0, import_react.useContext)(import_context.default);
+  const { lang } = context;
+  const contextRef = (0, import_useRefValue.default)(context);
+  const t = (0, import_useT.default)();
+  const app = import_antd.App.useApp();
+  const modal = ((_a = app.modal) == null ? void 0 : _a.confirm) ? app.modal : import_antd.Modal;
+  const modalRef = (0, import_useRefValue.default)(modal);
+  const [requestMicrophoneEnUrl, setRequestMicrophoneEnUrl] = (0, import_react.useState)();
+  const [requestMicrophoneZhUrl, setRequestMicrophoneZhUrl] = (0, import_react.useState)();
+  const [resetMicrophoneEnUrl, setResetMicrophoneEnUrl] = (0, import_react.useState)();
+  const [resetMicrophoneZhUrl, setResetMicrophoneZhUrl] = (0, import_react.useState)();
+  const [requestCameraEnUrl, setRequestCameraEnUrl] = (0, import_react.useState)();
+  const [requestCameraZhUrl, setRequestCameraZhUrl] = (0, import_react.useState)();
+  const [resetCameraEnUrl, setResetCameraEnUrl] = (0, import_react.useState)();
+  const [resetCameraZhUrl, setResetCameraZhUrl] = (0, import_react.useState)();
+  const [isRecording, setIsRecording] = (0, import_react.useState)(false);
+  const [mediaStream, setMediaStream] = (0, import_react.useState)();
+  const [mediaRecorder, setMediaRecorder] = (0, import_react.useState)(null);
+  const stopSoundListeningRef = (0, import_react.useRef)(void 0);
+  const closePcmRef = (0, import_react.useRef)(void 0);
+  const includeAudio = !!media.audio;
+  const exactAudioDeviceIdRef = (0, import_react.useRef)(void 0);
+  const rafRef = (0, import_react.useRef)(0);
+  const isSpeakingRef = (0, import_react.useRef)(false);
+  const silenceVolumeThresholdRef = (0, import_useRefValue.default)(soundDetectionThreshold);
+  const silenceDetectDurationRef = (0, import_useRefValue.default)(soundDetectionTimeout);
+  const soundDetectStart = (0, import_react.useRef)(0);
+  const pcmSampleRateRef = (0, import_react.useRef)(0);
+  const onPcmStreamChunkRef = (0, import_useRefValue.default)(onPcmStreamChunk);
+  const pcmStreamSlicerRef = (0, import_react.useRef)(
+    new import_stream.StreamTimeSlicerClass({
+      timeSlice: streamSliceMs,
+      onSlice: (channels) => {
+        var _a2;
+        (_a2 = onPcmStreamChunkRef.current) == null ? void 0 : _a2.call(onPcmStreamChunkRef, channels, pcmSampleRateRef.current);
+      }
+    })
+  );
+  const deviceType = (0, import_react.useMemo)(
+    () => media.video ? t("hooks.useUserMedia.camera") : t("hooks.useUserMedia.microphone"),
+    [media, t]
+  );
+  const featureName = (0, import_react.useMemo)(
+    () => media.video ? t("hooks.featureName.camera") : t("hooks.featureName.microphone"),
+    [media, t]
+  );
+  const showDeniedPopup = () => {
+    const resetMicrophoneUrl = lang === "zh-CN" ? resetMicrophoneZhUrl : resetMicrophoneEnUrl;
+    const resetCameraUrl = lang === "zh-CN" ? resetCameraZhUrl : resetCameraEnUrl;
+    modal.error({
+      title: t("hooks.useUserMedia.devicePermission", { deviceType }),
+      width: 500,
+      content: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_antd.Typography.Paragraph, null), /* @__PURE__ */ React.createElement(import_antd.Typography.Paragraph, null, /* @__PURE__ */ React.createElement(import_antd.Typography.Text, { strong: true, type: "danger" }, t("hooks.useUserMedia.deniedPermission", { deviceType, featureName }))), /* @__PURE__ */ React.createElement(import_antd.Typography.Paragraph, null, t("hooks.useUserMedia.reopenPermissionGuide", { deviceType })), /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          src: media.video ? resetCameraUrl : resetMicrophoneUrl,
+          alt: "microphone-permission",
+          style: { width: 380 }
+        }
+      ))
+    });
+  };
+  const recordStream = async () => {
+    let stream;
+    try {
+      const options = media;
+      if (media.audio) {
+        if (exactAudioDeviceIdRef.current) {
+          if (media.audio === true) {
+            options.audio = { deviceId: { exact: exactAudioDeviceIdRef.current } };
+          } else {
+            options.audio = { deviceId: { exact: exactAudioDeviceIdRef.current }, ...media.audio };
+          }
+        }
+      }
+      stream = await navigator.mediaDevices.getUserMedia(options);
+      setMediaStream(stream);
+      onStartRecording == null ? void 0 : onStartRecording(stream);
+      const recorder = new MediaRecorder(stream);
+      recorder.ondataavailable = (event) => {
+        if (event.data.size > 0) {
+          onStreamChunk == null ? void 0 : onStreamChunk(event.data);
+        }
+      };
+      if (streamSliceMs) {
+        recorder.start(streamSliceMs);
+      } else {
+        recorder.start();
+      }
+      setMediaRecorder(recorder);
+      setIsRecording(true);
+      if (options.audio && onPcmStreamChunkRef.current) {
+        try {
+          const ctx = new AudioContext(pcmAudioOptions == null ? void 0 : pcmAudioOptions.audioContext);
+          pcmSampleRateRef.current = ctx.sampleRate;
+          if (ctx.state === "suspended") {
+            await ctx.resume();
+          }
+          const sourceNode = ctx.createMediaStreamSource(stream);
+          let node;
+          closePcmRef.current = () => {
+            node == null ? void 0 : node.port.close();
+            node == null ? void 0 : node.disconnect();
+            sourceNode.disconnect();
+            ctx.close().catch(() => {
+            });
+          };
+          const setupWorklet = async () => {
+            try {
+              await ctx.audioWorklet.addModule(generatePcmCaptureProcessorModule());
+              node = new AudioWorkletNode(ctx, "pcm-capture", pcmAudioOptions == null ? void 0 : pcmAudioOptions.workletOptions);
+              node.port.onmessage = (e) => {
+                var _a2;
+                if (((_a2 = e.data) == null ? void 0 : _a2.type) === "pcm") {
+                  const channels = e.data.channels;
+                  pcmStreamSlicerRef.current.push(channels);
+                }
+              };
+              sourceNode.connect(node);
+            } catch (err) {
+              fallbackScriptProcessor({ ctx, sourceNode, streamSlicer: pcmStreamSlicerRef.current });
+            }
+          };
+          if ("audioWorklet" in ctx) {
+            setupWorklet();
+          } else {
+            fallbackScriptProcessor({ ctx, sourceNode, streamSlicer: pcmStreamSlicerRef.current });
+          }
+        } catch (e) {
+          console.error("setup pcm worklet failed", e);
+        }
+      }
+      return recorder;
+    } catch (error) {
+      console.error(error);
+      if (error instanceof Error && error.name === "NotAllowedError") {
+        showDeniedPopup();
+        import_antd.notification.error({ message: t("hooks.useUserMedia.deniedPermission", { deviceType, featureName }) });
+        throw new Error(t("hooks.useUserMedia.deniedPermission", { deviceType, featureName }));
+      }
+      import_antd.notification.error({ message: t("hooks.useUserMedia.notSupport") });
+      throw new Error(t("hooks.useUserMedia.notSupport"));
+    }
+  };
+  const startRecording = (0, import_useRefFunction.default)(async () => {
+    var _a2, _b;
+    if (disabled) {
+      throw new Error(t("hooks.useUserMedia.disabledWarning"));
+    }
+    if (isRecording) {
+      throw new Error(t("hooks.useUserMedia.isRecordingNow"));
+    }
+    if (!((_a2 = navigator.mediaDevices) == null ? void 0 : _a2.getUserMedia) || !((_b = navigator.permissions) == null ? void 0 : _b.query)) {
+      import_antd.notification.error({
+        message: t("hooks.useUserMedia.notSupport")
+      });
+      throw new Error(t("hooks.useUserMedia.notSupport"));
+    }
+    try {
+      const result = await window.navigator.permissions.query({
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        name: media.video ? "camera" : "microphone"
+      });
+      if (result.state === "denied") {
+        showDeniedPopup();
+        import_antd.notification.error({ message: t("hooks.useUserMedia.deniedPermission", { deviceType, featureName }) });
+        throw new Error(t("hooks.useUserMedia.deniedPermission", { deviceType, featureName }));
+      } else {
+        if (result.state === "prompt") {
+          const requestMicrophoneUrl = lang === "zh-CN" ? requestMicrophoneZhUrl : requestMicrophoneEnUrl;
+          const requestCameraUrl = lang === "zh-CN" ? requestCameraZhUrl : requestCameraEnUrl;
+          return new Promise((resolve, reject) => {
+            modal.warning({
+              title: t("hooks.useUserMedia.devicePermission", { deviceType }),
+              content: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_antd.Typography.Paragraph, null), /* @__PURE__ */ React.createElement(import_antd.Typography.Paragraph, null, /* @__PURE__ */ React.createElement(import_antd.Typography.Text, { strong: true }, t("hooks.useUserMedia.requestTip1", { deviceType }))), /* @__PURE__ */ React.createElement(import_antd.Typography.Paragraph, null, t("hooks.useUserMedia.requestTip2", { featureName })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+                "img",
+                {
+                  src: media.video ? requestCameraUrl : requestMicrophoneUrl,
+                  alt: "microphone-permission",
+                  style: { width: 380 }
+                }
+              ))),
+              onOk: () => {
+                try {
+                  recordStream().then((recorder) => {
+                    resolve(recorder);
+                  }).catch((error) => {
+                    reject(error);
+                  });
+                } catch (error) {
+                  console.error(error);
+                  reject(error);
+                }
+              },
+              width: 500
+            });
+          });
+        } else {
+          return await recordStream();
+        }
+      }
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  });
+  const stopRecording = (0, import_useRefFunction.default)(() => {
+    var _a2, _b;
+    mediaRecorder == null ? void 0 : mediaRecorder.stop();
+    mediaStream == null ? void 0 : mediaStream.getTracks().forEach((t2) => t2.stop());
+    setMediaStream(void 0);
+    setIsRecording(false);
+    isSpeakingRef.current = false;
+    cancelAnimationFrame(rafRef.current);
+    (_a2 = stopSoundListeningRef.current) == null ? void 0 : _a2.call(stopSoundListeningRef);
+    (_b = closePcmRef.current) == null ? void 0 : _b.call(closePcmRef);
+    onStopRecording == null ? void 0 : onStopRecording();
+  });
+  const waitForSound = (0, import_useRefFunction.default)((mediaStream2) => {
+    const ctx = new AudioContext();
+    const source = ctx.createMediaStreamSource(mediaStream2);
+    const analyser = ctx.createAnalyser();
+    analyser.fftSize = 2048;
+    source.connect(analyser);
+    soundDetectStart.current = Date.now();
+    const data = new Uint8Array(analyser.fftSize);
+    const cancelDetect = () => {
+      var _a2;
+      cancelAnimationFrame(rafRef.current);
+      rafRef.current = 0;
+      (_a2 = stopSoundListeningRef.current) == null ? void 0 : _a2.call(stopSoundListeningRef);
+    };
+    const loop = () => {
+      analyser.getByteTimeDomainData(data);
+      let sum = 0;
+      for (const value of data) {
+        const v = (value - 128) / 128;
+        sum += v * v;
+      }
+      const rms = Math.sqrt(sum / data.length);
+      if (rms > silenceVolumeThresholdRef.current) {
+        if (!isSpeakingRef.current) {
+          isSpeakingRef.current = true;
+          cancelDetect();
+          return;
+        }
+      } else {
+        if (Date.now() > soundDetectStart.current + silenceDetectDurationRef.current) {
+          navigator.mediaDevices.enumerateDevices().then((devices) => {
+            const audioInputs = devices.filter((d) => d.kind === "audioinput");
+            modalRef.current.confirm({
+              title: t("hooks.useUserMedia.soundDetectTitle"),
+              content: /* @__PURE__ */ React.createElement(import_ConfigProvider.default, { ...contextRef.current }, /* @__PURE__ */ React.createElement(
+                SaveAudioDeviceForm,
+                {
+                  devices: audioInputs,
+                  mediaStream: mediaStream2,
+                  onDeviceChange: (deviceId) => exactAudioDeviceIdRef.current = deviceId
+                }
+              )),
+              width: 500,
+              onOk: () => {
+                if (exactAudioDeviceIdRef.current) {
+                  stopRecording();
+                  setTimeout(() => {
+                    startRecording();
+                  });
+                }
+              },
+              onCancel: () => {
+                cancelDetect();
+              }
+            });
+          });
+          cancelDetect();
+          return;
+        }
+      }
+      rafRef.current = requestAnimationFrame(loop);
+    };
+    loop();
+    stopSoundListeningRef.current = () => {
+      analyser.disconnect();
+      source.disconnect();
+      ctx.close().catch(() => {
+      });
+      stopSoundListeningRef.current = void 0;
+    };
+  });
+  (0, import_react.useEffect)(() => {
+    return stopRecording;
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (disabled && isRecording) {
+      stopRecording();
+    }
+  }, [disabled, isRecording]);
+  (0, import_react.useEffect)(() => {
+    if (streamSliceMs && pcmStreamSlicerRef.current.timeSlice !== streamSliceMs) {
+      pcmStreamSlicerRef.current.timeSlice = streamSliceMs;
+    }
+  }, [streamSliceMs]);
+  (0, import_react.useEffect)(() => {
+    if (includeAudio && mediaStream && !isSpeakingRef.current) {
+      try {
+        waitForSound(mediaStream);
+      } catch (e) {
+        console.warn("Audio volume detecting failed:", e);
+      }
+    }
+    return () => {
+      var _a2;
+      (_a2 = stopSoundListeningRef.current) == null ? void 0 : _a2.call(stopSoundListeningRef);
+    };
+  }, [includeAudio, mediaStream, t]);
+  (0, import_react.useEffect)(() => {
+    requestMicrophoneEnUrlPromise.then((module2) => {
+      setRequestMicrophoneEnUrl(module2.default);
+    });
+    requestMicrophoneZhUrlPromise.then((module2) => {
+      setRequestMicrophoneZhUrl(module2.default);
+    });
+    resetMicrophoneEnUrlPromise.then((module2) => {
+      setResetMicrophoneEnUrl(module2.default);
+    });
+    resetMicrophoneZhUrlPromise.then((module2) => {
+      setResetMicrophoneZhUrl(module2.default);
+    });
+    requestCameraEnUrlPromise.then((module2) => {
+      setRequestCameraEnUrl(module2.default);
+    });
+    requestCameraZhUrlPromise.then((module2) => {
+      setRequestCameraZhUrl(module2.default);
+    });
+    resetCameraEnUrlPromise.then((module2) => {
+      setResetCameraEnUrl(module2.default);
+    });
+    resetCameraZhUrlPromise.then((module2) => {
+      setResetCameraZhUrl(module2.default);
+    });
+  }, []);
+  return {
+    isRecording,
+    startRecording,
+    stopRecording
+  };
+};
+function SaveAudioDeviceForm(props) {
+  const { devices, mediaStream, onDeviceChange } = props;
+  const [form] = import_antd.Form.useForm();
+  const t = (0, import_useT.default)();
+  const { lang } = (0, import_react.useContext)(import_context.default);
+  const [saveAudioDeviceEnUrl1, setSaveAudioDeviceEnUrl1] = (0, import_react.useState)();
+  const [saveAudioDeviceEnUrl2, setSaveAudioDeviceEnUrl2] = (0, import_react.useState)();
+  const [saveAudioDeviceZhUrl1, setSaveAudioDeviceZhUrl1] = (0, import_react.useState)();
+  const [saveAudioDeviceZhUrl2, setSaveAudioDeviceZhUrl2] = (0, import_react.useState)();
+  const [saveDefaultAudioDevicePermanently, setSaveDefaultAudioDevicePermanently] = (0, import_react.useState)(false);
+  const audioInputs = (0, import_react.useMemo)(() => devices.filter((d) => d.kind === "audioinput"), [devices]);
+  const [selectedDeviceId, setSelectedDeviceId] = (0, import_react.useState)(
+    () => {
+      var _a, _b, _c;
+      return ((_b = (_a = mediaStream.getAudioTracks()[0]) == null ? void 0 : _a.getSettings()) == null ? void 0 : _b.deviceId) ?? ((_c = audioInputs[0]) == null ? void 0 : _c.deviceId);
+    }
+  );
+  const openDataImageInNewTab = (0, import_useRefFunction.default)((dataUrl) => {
+    var _a;
+    if (!dataUrl)
+      return;
+    const [meta, b64] = dataUrl.split(",");
+    const mime = ((_a = meta.match(/data:(.*);base64/)) == null ? void 0 : _a[1]) || "image/png";
+    const binary = atob(b64);
+    const len = binary.length;
+    const bytes = new Uint8Array(len);
+    for (let i = 0; i < len; i++)
+      bytes[i] = binary.charCodeAt(i);
+    const blob = new Blob([bytes], { type: mime });
+    const url = URL.createObjectURL(blob);
+    window.open(url);
+  });
+  (0, import_react.useEffect)(() => {
+    saveAudioDeviceEnUrlPromise1.then((module2) => {
+      setSaveAudioDeviceEnUrl1(module2.default);
+    });
+    saveAudioDeviceEnUrlPromise2.then((module2) => {
+      setSaveAudioDeviceEnUrl2(module2.default);
+    });
+    saveAudioDeviceZhUrlPromise1.then((module2) => {
+      setSaveAudioDeviceZhUrl1(module2.default);
+    });
+    saveAudioDeviceZhUrlPromise2.then((module2) => {
+      setSaveAudioDeviceZhUrl2(module2.default);
+    });
+  }, []);
+  return /* @__PURE__ */ React.createElement(import_antd.Form, { layout: "vertical", form }, /* @__PURE__ */ React.createElement(import_antd.Typography.Paragraph, null), /* @__PURE__ */ React.createElement(import_antd.Typography.Paragraph, null, /* @__PURE__ */ React.createElement(import_antd.Typography.Text, null, t("hooks.useUserMedia.soundDetectDescription"))), /* @__PURE__ */ React.createElement(import_antd.Form.Item, { label: t("hooks.useUserMedia.chooseMicrophoneDevice") }, /* @__PURE__ */ React.createElement(
+    import_antd.Select,
+    {
+      options: audioInputs.map((input) => ({
+        label: input.label,
+        value: input.deviceId
+      })),
+      defaultValue: selectedDeviceId,
+      onChange: (id) => {
+        setSelectedDeviceId(id);
+        onDeviceChange(id);
+      }
+    }
+  )), /* @__PURE__ */ React.createElement(import_antd.Form.Item, { style: { marginBottom: 0 } }, /* @__PURE__ */ React.createElement(import_antd.Checkbox, { onChange: (e) => setSaveDefaultAudioDevicePermanently(e.target.checked) }, t("hooks.useUserMedia.rememberDefaultAudioDevice"))), saveDefaultAudioDevicePermanently && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(import_antd.Typography.Paragraph, null, /* @__PURE__ */ React.createElement(import_antd.Typography.Text, null, t("hooks.useUserMedia.rememberDefaultAudioDeviceTip"))), /* @__PURE__ */ React.createElement(import_antd.Flex, { gap: 8, align: "flex-start" }, /* @__PURE__ */ React.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      href: "#",
+      onClick: (e) => {
+        e.preventDefault();
+        openDataImageInNewTab(lang === "zh-CN" ? saveAudioDeviceZhUrl1 : saveAudioDeviceEnUrl1);
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        src: lang === "zh-CN" ? saveAudioDeviceZhUrl1 : saveAudioDeviceEnUrl1,
+        alt: "the first step to save default audio device",
+        style: { width: "100%", height: "auto" }
+      }
+    )
+  )), /* @__PURE__ */ React.createElement("div", { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      href: "#",
+      onClick: (e) => {
+        e.preventDefault();
+        openDataImageInNewTab(lang === "zh-CN" ? saveAudioDeviceZhUrl2 : saveAudioDeviceEnUrl2);
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        src: lang === "zh-CN" ? saveAudioDeviceZhUrl2 : saveAudioDeviceEnUrl2,
+        alt: "the second step to save default audio device",
+        style: { width: "100%", height: "auto" }
+      }
+    )
+  )))));
+}
+function generatePcmCaptureProcessorModule() {
+  const workletCode = `
+class PcmCaptureProcessor extends AudioWorkletProcessor {
+  process(inputs, outputs, parameters) {
+    const channelsIn = inputs[0];
+    if (channelsIn && channelsIn[0]) {
+      const channels = channelsIn.map((ch) => {
+        const copy = new Float32Array(ch.length);
+        copy.set(ch);
+        return copy;
+      });
+      this.port.postMessage({ type: 'pcm', channels }, channels.map(ch => ch.buffer));
+    }
+    return true;
+  }
+}
+registerProcessor('pcm-capture', PcmCaptureProcessor);
+`;
+  const blob = new Blob([workletCode], { type: "application/javascript" });
+  const blobUrl = URL.createObjectURL(blob);
+  return blobUrl;
+}
+function fallbackScriptProcessor(options) {
+  const { ctx, sourceNode, streamSlicer } = options;
+  const bufferSize = 128;
+  const processor = ctx.createScriptProcessor(bufferSize, 1, 1);
+  processor.onaudioprocess = (ev) => {
+    const channels = [];
+    for (let i = 0; i < ev.inputBuffer.numberOfChannels; i++) {
+      const input = ev.inputBuffer.getChannelData(i);
+      const copy = new Float32Array(input.length);
+      copy.set(input);
+      channels.push(copy);
+    }
+    streamSlicer.push(channels);
+  };
+  sourceNode.connect(processor);
+  const gain = ctx.createGain();
+  gain.gain.value = 0;
+  processor.connect(gain).connect(ctx.destination);
+}
+var useUserMedia_default = useUserMedia;
+//# sourceMappingURL=useUserMedia.js.map

package/lib/hooks/useUserMedia.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/useUserMedia.tsx"],
+  "sourcesContent": ["import { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { App, Checkbox, Flex, Form, Modal, notification, Select, Typography } from 'antd';\nimport EasyConfigProvider from '../components/ConfigProvider';\nimport ReactEasyContext from '../components/ConfigProvider/context';\nimport { StreamTimeSlicerClass } from '../utils/stream';\nimport useRefFunction from './useRefFunction';\nimport useRefValue from './useRefValue';\nimport useT from './useT';\n\nconst requestMicrophoneEnUrlPromise = import('../assets/request-microphone-en.js');\nconst requestMicrophoneZhUrlPromise = import('../assets/request-microphone-zh.js');\nconst resetMicrophoneEnUrlPromise = import('../assets/reset-microphone-en.js');\nconst resetMicrophoneZhUrlPromise = import('../assets/reset-microphone-zh.js');\nconst saveAudioDeviceEnUrlPromise1 = import('../assets/save-default-audio1-en.js');\nconst saveAudioDeviceZhUrlPromise1 = import('../assets/save-default-audio1-zh.js');\nconst saveAudioDeviceEnUrlPromise2 = import('../assets/save-default-audio2-en.js');\nconst saveAudioDeviceZhUrlPromise2 = import('../assets/save-default-audio2-zh.js');\nconst requestCameraEnUrlPromise = import('../assets/request-camera-en.js');\nconst requestCameraZhUrlPromise = import('../assets/request-camera-zh.js');\nconst resetCameraEnUrlPromise = import('../assets/reset-camera-en.js');\nconst resetCameraZhUrlPromise = import('../assets/reset-camera-zh.js');\n\nexport interface UseUserMediaProps {\n  /**\n   * - **EN:** The media constraints for the audio and video stream.\n   * - **CN:** 媒体流的媒体约束。\n   */\n  media: Pick<MediaStreamConstraints, 'audio' | 'video'>;\n  /**\n   * - **EN:** Whether to enable PCM output, only effective when recording audio. Please use\n   *   `onPcmStreamChunk` callback to get PCM data. Default is `false`.\n   * - **CN:** 是否启用 PCM 输出，仅在录制音频时有效。请使用 `onPcmStreamChunk` 回调获取 PCM 数据。默认`false`\n   */\n  pcmAudioOptions?: {\n    /**\n     * - **EN:** The audio context options for the PCM output.\n     * - **CN:** PCM 输出的音频上下文选项。\n     */\n    audioContext?: AudioContextOptions;\n    /**\n     * - **EN:** The worklet options for the PCM output.\n     * - **CN:** PCM 输出的工作线程选项。\n     */\n    workletOptions?: AudioWorkletNodeOptions;\n  };\n  /**\n   * - **EN:** Callback function that is triggered when the recording starts, providing the media\n   *   stream.\n   * - **CN:** 开始录制时触发的回调函数，提供媒体流。\n   *\n   * @param {MediaStream} stream - The media stream.\n   */\n  onStartRecording?: (stream: MediaStream) => void;\n  /**\n   * - **EN:** Callback function that is triggered when the recording stops.\n   * - **CN:** 停止录制时触发的回调函数。\n   */\n  onStopRecording?: () => void;\n  /**\n   * - **EN:** Callback function that is triggered when a new chunk of media data is available.\n   * - **CN:** 当录制媒体流时，每个时间分片会触发一次 `onStreamChunk` 回调，提供媒体数据块。\n   *\n   * > 注意音频流编码格式为：audio/webm;codecs=opus。如果希望获取 PCM 数据，请使用 `onPcmData` 回调。\n   *\n   * @param {Blob} chunk - The media data chunk (MIME: audio/webm;codecs=opus) | 媒体数据块 (MIME:\n   *   audio/webm;codecs=opus)\n   */\n  onStreamChunk?: (chunk: Blob) => void;\n  /**\n   * - **EN:** Callback for raw PCM float data (per render quantum)\n   * - **CN:** 获取原始 PCM 浮点数据的回调（每个渲染量子）\n   *\n   * @param data Monophonic or polyphonic spliced data | 单声道或多声道拼接数据\n   * @param sampleRate Sample rate | 采样率\n   */\n  onPcmStreamChunk?: (channels: Float32Array[], sampleRate: number) => void;\n  /**\n   * - **EN:** Whether to disable this hook.\n   * - **CN:** 是否禁用此工具\n   */\n  disabled?: boolean;\n  /**\n   * - **EN:** The slicing time period (milliseconds) for each fragment of the audio and video stream,\n   *   each time slice will trigger the `onStreamChunk` callback. Default is `500`.\n   * - **CN:** 媒体流每个分片的切片时间段（毫秒），每个时间分片会触发一次 `onStreamChunk` 回调，默认值为 `500`。\n   */\n  streamSliceMs?: number;\n  /**\n   * - **EN:** The silence detection threshold (0-1) for the audio stream, below which the audio is\n   *   considered silent. Default is `0`.\n   * - **CN:** 音频流的静音检测阈值（0-1），低于该值音频被视为静音。默认值为 `0`。\n   */\n  soundDetectionThreshold?: number;\n  /**\n   * - **EN:** The timeout duration (milliseconds) for detecting sound input. If no sound is detected\n   *   within this period, the user will be prompted to re-select the audio device. Default is\n   *   `3000`.\n   * - **CN:** 检测是否有声音输入的超时时间（毫秒），如果在该时间段内没有检测到声音，则会提示用户重新选择音频设备。默认值为 `3000`。\n   */\n  soundDetectionTimeout?: number;\n}\n\nconst useUserMedia = (props: UseUserMediaProps): UseUserMediaResult => {\n  const {\n    media,\n    pcmAudioOptions,\n    disabled,\n    streamSliceMs = 500,\n    soundDetectionThreshold = 0,\n    soundDetectionTimeout = 3000,\n    onStartRecording,\n    onStopRecording,\n    onStreamChunk,\n    onPcmStreamChunk,\n  } = props;\n  const context = useContext(ReactEasyContext);\n  const { lang } = context;\n  const contextRef = useRefValue(context);\n  const t = useT();\n  const app = App.useApp();\n  // @ts-expect-error: because app may return a stub object when App is not used\n  const modal = app.modal?.confirm ? app.modal : Modal;\n  const modalRef = useRefValue(modal);\n  const [requestMicrophoneEnUrl, setRequestMicrophoneEnUrl] = useState<string>();\n  const [requestMicrophoneZhUrl, setRequestMicrophoneZhUrl] = useState<string>();\n  const [resetMicrophoneEnUrl, setResetMicrophoneEnUrl] = useState<string>();\n  const [resetMicrophoneZhUrl, setResetMicrophoneZhUrl] = useState<string>();\n  const [requestCameraEnUrl, setRequestCameraEnUrl] = useState<string>();\n  const [requestCameraZhUrl, setRequestCameraZhUrl] = useState<string>();\n  const [resetCameraEnUrl, setResetCameraEnUrl] = useState<string>();\n  const [resetCameraZhUrl, setResetCameraZhUrl] = useState<string>();\n  const [isRecording, setIsRecording] = useState(false);\n  const [mediaStream, setMediaStream] = useState<MediaStream>();\n  const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder | null>(null);\n  const stopSoundListeningRef = useRef<(() => void) | undefined>(undefined);\n  const closePcmRef = useRef<(() => void) | undefined>(undefined);\n  const includeAudio = !!media.audio;\n  const exactAudioDeviceIdRef = useRef<string | undefined>(undefined);\n  const rafRef = useRef<number>(0);\n  const isSpeakingRef = useRef(false);\n  const silenceVolumeThresholdRef = useRefValue(soundDetectionThreshold);\n  const silenceDetectDurationRef = useRefValue(soundDetectionTimeout);\n  const soundDetectStart = useRef<number>(0);\n  const pcmSampleRateRef = useRef<number>(0);\n  const onPcmStreamChunkRef = useRefValue(onPcmStreamChunk);\n  const pcmStreamSlicerRef = useRef(\n    new StreamTimeSlicerClass({\n      timeSlice: streamSliceMs,\n      onSlice: (channels) => {\n        onPcmStreamChunkRef.current?.(channels, pcmSampleRateRef.current);\n      },\n    })\n  );\n  const deviceType = useMemo(\n    () => (media.video ? t('hooks.useUserMedia.camera') : t('hooks.useUserMedia.microphone')),\n    [media, t]\n  );\n  const featureName = useMemo(\n    () => (media.video ? t('hooks.featureName.camera') : t('hooks.featureName.microphone')),\n    [media, t]\n  );\n\n  const showDeniedPopup = () => {\n    const resetMicrophoneUrl = lang === 'zh-CN' ? resetMicrophoneZhUrl : resetMicrophoneEnUrl;\n    const resetCameraUrl = lang === 'zh-CN' ? resetCameraZhUrl : resetCameraEnUrl;\n    modal.error({\n      title: t('hooks.useUserMedia.devicePermission', { deviceType }),\n      width: 500,\n      content: (\n        <div>\n          <Typography.Paragraph></Typography.Paragraph>\n          <Typography.Paragraph>\n            <Typography.Text strong type=\"danger\">\n              {t('hooks.useUserMedia.deniedPermission', { deviceType, featureName })}\n            </Typography.Text>\n          </Typography.Paragraph>\n          <Typography.Paragraph>{t('hooks.useUserMedia.reopenPermissionGuide', { deviceType })}</Typography.Paragraph>\n          <img\n            src={media.video ? resetCameraUrl : resetMicrophoneUrl}\n            alt=\"microphone-permission\"\n            style={{ width: 380 }}\n          />\n        </div>\n      ),\n    });\n  };\n  const recordStream = async () => {\n    let stream: MediaStream;\n    try {\n      const options = media;\n      if (media.audio) {\n        if (exactAudioDeviceIdRef.current) {\n          if (media.audio === true) {\n            options.audio = { deviceId: { exact: exactAudioDeviceIdRef.current } };\n          } else {\n            options.audio = { deviceId: { exact: exactAudioDeviceIdRef.current }, ...media.audio };\n          }\n        }\n      }\n      stream = await navigator.mediaDevices.getUserMedia(options);\n      setMediaStream(stream);\n      onStartRecording?.(stream);\n\n      const recorder = new MediaRecorder(stream);\n      recorder.ondataavailable = (event) => {\n        if (event.data.size > 0) {\n          onStreamChunk?.(event.data);\n        }\n      };\n      if (streamSliceMs) {\n        recorder.start(streamSliceMs);\n      } else {\n        recorder.start();\n      }\n      setMediaRecorder(recorder);\n      setIsRecording(true);\n\n      // Capture PCM data if enabled\n      if (options.audio && onPcmStreamChunkRef.current) {\n        try {\n          const ctx = new AudioContext(pcmAudioOptions?.audioContext);\n          pcmSampleRateRef.current = ctx.sampleRate;\n          // Safari might need resume\n          if (ctx.state === 'suspended') {\n            await ctx.resume();\n          }\n          const sourceNode = ctx.createMediaStreamSource(stream);\n          let node: AudioWorkletNode | undefined;\n\n          closePcmRef.current = () => {\n            node?.port.close();\n            node?.disconnect();\n            sourceNode.disconnect();\n            ctx.close().catch(() => {\n              // Ignore errors\n            });\n          };\n\n          const setupWorklet = async () => {\n            try {\n              // Load the worklet module\n              await ctx.audioWorklet.addModule(generatePcmCaptureProcessorModule());\n              node = new AudioWorkletNode(ctx, 'pcm-capture', pcmAudioOptions?.workletOptions);\n              node.port.onmessage = (e: MessageEvent) => {\n                if (e.data?.type === 'pcm') {\n                  const channels = e.data.channels as Float32Array[];\n                  pcmStreamSlicerRef.current.push(channels);\n                }\n              };\n              sourceNode.connect(node);\n            } catch (err) {\n              fallbackScriptProcessor({ ctx, sourceNode, streamSlicer: pcmStreamSlicerRef.current });\n            }\n          };\n\n          if ('audioWorklet' in ctx) {\n            setupWorklet();\n          } else {\n            fallbackScriptProcessor({ ctx, sourceNode, streamSlicer: pcmStreamSlicerRef.current });\n          }\n        } catch (e) {\n          console.error('setup pcm worklet failed', e);\n        }\n      }\n      return recorder;\n    } catch (error) {\n      console.error(error);\n      if (error instanceof Error && error.name === 'NotAllowedError') {\n        showDeniedPopup();\n        notification.error({ message: t('hooks.useUserMedia.deniedPermission', { deviceType, featureName }) });\n        throw new Error(t('hooks.useUserMedia.deniedPermission', { deviceType, featureName }));\n      }\n      notification.error({ message: t('hooks.useUserMedia.notSupport') });\n      throw new Error(t('hooks.useUserMedia.notSupport'));\n    }\n  };\n\n  const startRecording = useRefFunction(async () => {\n    if (disabled) {\n      throw new Error(t('hooks.useUserMedia.disabledWarning'));\n    }\n    if (isRecording) {\n      throw new Error(t('hooks.useUserMedia.isRecordingNow'));\n    }\n    if (!navigator.mediaDevices?.getUserMedia || !navigator.permissions?.query) {\n      notification.error({\n        message: t('hooks.useUserMedia.notSupport'),\n      });\n      throw new Error(t('hooks.useUserMedia.notSupport'));\n    }\n    try {\n      const result = await window.navigator.permissions.query({\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        name: media.video ? ('camera' as any) : ('microphone' as any),\n      });\n      if (result.state === 'denied') {\n        showDeniedPopup();\n        notification.error({ message: t('hooks.useUserMedia.deniedPermission', { deviceType, featureName }) });\n        throw new Error(t('hooks.useUserMedia.deniedPermission', { deviceType, featureName }));\n      } else {\n        if (result.state === 'prompt') {\n          const requestMicrophoneUrl = lang === 'zh-CN' ? requestMicrophoneZhUrl : requestMicrophoneEnUrl;\n          const requestCameraUrl = lang === 'zh-CN' ? requestCameraZhUrl : requestCameraEnUrl;\n          return new Promise<MediaRecorder>((resolve, reject) => {\n            modal.warning({\n              title: t('hooks.useUserMedia.devicePermission', { deviceType }),\n              content: (\n                <div>\n                  <Typography.Paragraph></Typography.Paragraph>\n                  <Typography.Paragraph>\n                    <Typography.Text strong>{t('hooks.useUserMedia.requestTip1', { deviceType })}</Typography.Text>\n                  </Typography.Paragraph>\n                  <Typography.Paragraph>{t('hooks.useUserMedia.requestTip2', { featureName })}</Typography.Paragraph>\n                  <div>\n                    <img\n                      src={media.video ? requestCameraUrl : requestMicrophoneUrl}\n                      alt=\"microphone-permission\"\n                      style={{ width: 380 }}\n                    />\n                  </div>\n                </div>\n              ),\n              onOk: () => {\n                try {\n                  recordStream()\n                    .then((recorder) => {\n                      resolve(recorder);\n                    })\n                    .catch((error) => {\n                      reject(error);\n                    });\n                } catch (error) {\n                  console.error(error);\n                  reject(error);\n                }\n              },\n              width: 500,\n            });\n          });\n        } else {\n          return await recordStream();\n        }\n      }\n    } catch (error) {\n      console.error(error);\n      throw error;\n    }\n  });\n\n  const stopRecording = useRefFunction(() => {\n    mediaRecorder?.stop();\n    mediaStream?.getTracks().forEach((t) => t.stop());\n    setMediaStream(undefined);\n    setIsRecording(false);\n    isSpeakingRef.current = false;\n    cancelAnimationFrame(rafRef.current);\n    stopSoundListeningRef.current?.();\n    closePcmRef.current?.();\n    onStopRecording?.();\n  });\n\n  // Wait for sound. If keep silent for a while, show a modal to let user reselect audio device\n  const waitForSound = useRefFunction((mediaStream: MediaStream) => {\n    const ctx = new AudioContext();\n    const source = ctx.createMediaStreamSource(mediaStream);\n    const analyser = ctx.createAnalyser();\n    analyser.fftSize = 2048;\n    source.connect(analyser);\n    soundDetectStart.current = Date.now();\n    const data = new Uint8Array(analyser.fftSize);\n    const cancelDetect = () => {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = 0;\n      stopSoundListeningRef.current?.();\n    };\n    const loop = () => {\n      analyser.getByteTimeDomainData(data);\n      // Calculate RMS\n      let sum = 0;\n      for (const value of data) {\n        const v = (value - 128) / 128;\n        sum += v * v;\n      }\n      const rms = Math.sqrt(sum / data.length); // 0~1\n      if (rms > silenceVolumeThresholdRef.current) {\n        if (!isSpeakingRef.current) {\n          isSpeakingRef.current = true;\n          cancelDetect();\n          return;\n        }\n      } else {\n        if (Date.now() > soundDetectStart.current + silenceDetectDurationRef.current) {\n          navigator.mediaDevices.enumerateDevices().then((devices) => {\n            const audioInputs = devices.filter((d) => d.kind === 'audioinput');\n            modalRef.current.confirm({\n              title: t('hooks.useUserMedia.soundDetectTitle'),\n              content: (\n                <EasyConfigProvider {...contextRef.current}>\n                  <SaveAudioDeviceForm\n                    devices={audioInputs}\n                    mediaStream={mediaStream}\n                    onDeviceChange={(deviceId) => (exactAudioDeviceIdRef.current = deviceId)}\n                  />\n                </EasyConfigProvider>\n              ),\n              width: 500,\n              onOk: () => {\n                if (exactAudioDeviceIdRef.current) {\n                  stopRecording();\n                  setTimeout(() => {\n                    startRecording();\n                  });\n                }\n              },\n              onCancel: () => {\n                cancelDetect();\n              },\n            });\n          });\n\n          cancelDetect();\n          return;\n        }\n      }\n      rafRef.current = requestAnimationFrame(loop);\n    };\n    loop();\n\n    stopSoundListeningRef.current = () => {\n      analyser.disconnect();\n      source.disconnect();\n      ctx.close().catch(() => {\n        // Ignore errors\n      });\n      stopSoundListeningRef.current = undefined;\n    };\n  });\n\n  // Component destroy\n  useEffect(() => {\n    return stopRecording;\n  }, []);\n\n  // Stop recording when disabled has been changed\n  useEffect(() => {\n    if (disabled && isRecording) {\n      stopRecording();\n    }\n  }, [disabled, isRecording]);\n\n  // Update PCM stream slicer time slice when input sample rate changes\n  useEffect(() => {\n    if (streamSliceMs && pcmStreamSlicerRef.current.timeSlice !== streamSliceMs) {\n      pcmStreamSlicerRef.current.timeSlice = streamSliceMs;\n    }\n  }, [streamSliceMs]);\n\n  // Detect sound activity (only for audio or media with audio)\n  useEffect(() => {\n    if (includeAudio && mediaStream && !isSpeakingRef.current) {\n      try {\n        waitForSound(mediaStream);\n      } catch (e) {\n        console.warn('Audio volume detecting failed:', e);\n      }\n    }\n    return () => {\n      stopSoundListeningRef.current?.();\n    };\n  }, [includeAudio, mediaStream, t]);\n\n  useEffect(() => {\n    requestMicrophoneEnUrlPromise.then((module) => {\n      setRequestMicrophoneEnUrl(module.default);\n    });\n    requestMicrophoneZhUrlPromise.then((module) => {\n      setRequestMicrophoneZhUrl(module.default);\n    });\n    resetMicrophoneEnUrlPromise.then((module) => {\n      setResetMicrophoneEnUrl(module.default);\n    });\n    resetMicrophoneZhUrlPromise.then((module) => {\n      setResetMicrophoneZhUrl(module.default);\n    });\n    requestCameraEnUrlPromise.then((module) => {\n      setRequestCameraEnUrl(module.default);\n    });\n    requestCameraZhUrlPromise.then((module) => {\n      setRequestCameraZhUrl(module.default);\n    });\n    resetCameraEnUrlPromise.then((module) => {\n      setResetCameraEnUrl(module.default);\n    });\n    resetCameraZhUrlPromise.then((module) => {\n      setResetCameraZhUrl(module.default);\n    });\n  }, []);\n\n  return {\n    isRecording,\n    startRecording,\n    stopRecording,\n  };\n};\n\nexport interface UseUserMediaResult {\n  /**\n   * - **EN** Whether the media stream is currently being recorded\n   * - **CN** 是否正在录制媒体流\n   */\n  isRecording: boolean;\n  /**\n   * - **EN** Start recording the media stream\n   * - **CN** 开始录制媒体流\n   */\n  startRecording: () => Promise<MediaRecorder>;\n  /**\n   * - **EN** Stop recording the media stream\n   * - **CN** 停止录制媒体流\n   */\n  stopRecording: () => void;\n  /**\n   * - **EN** Get the media stream being recorded, returns the stream if recording, otherwise returns\n   *   `undefined`\n   * - **CN** 获取正在录制的媒体流，如果正在录制则返回该流，否则返回 `undefined`\n   */\n  mediaStream?: MediaStream;\n}\n\nfunction SaveAudioDeviceForm(props: {\n  devices: MediaDeviceInfo[];\n  mediaStream: MediaStream;\n  onDeviceChange: (deviceId: string) => void;\n}) {\n  const { devices, mediaStream, onDeviceChange } = props;\n  const [form] = Form.useForm();\n  const t = useT();\n  const { lang } = useContext(ReactEasyContext);\n  const [saveAudioDeviceEnUrl1, setSaveAudioDeviceEnUrl1] = useState<string>();\n  const [saveAudioDeviceEnUrl2, setSaveAudioDeviceEnUrl2] = useState<string>();\n  const [saveAudioDeviceZhUrl1, setSaveAudioDeviceZhUrl1] = useState<string>();\n  const [saveAudioDeviceZhUrl2, setSaveAudioDeviceZhUrl2] = useState<string>();\n  const [saveDefaultAudioDevicePermanently, setSaveDefaultAudioDevicePermanently] = useState(false);\n  const audioInputs = useMemo(() => devices.filter((d) => d.kind === 'audioinput'), [devices]);\n  const [selectedDeviceId, setSelectedDeviceId] = useState<string | undefined>(\n    () => mediaStream.getAudioTracks()[0]?.getSettings()?.deviceId ?? audioInputs[0]?.deviceId\n  );\n\n  const openDataImageInNewTab = useRefFunction((dataUrl: string | undefined) => {\n    if (!dataUrl) return;\n    const [meta, b64] = dataUrl.split(',');\n    const mime = meta.match(/data:(.*);base64/)?.[1] || 'image/png';\n    const binary = atob(b64);\n    const len = binary.length;\n    const bytes = new Uint8Array(len);\n    for (let i = 0; i < len; i++) bytes[i] = binary.charCodeAt(i);\n    const blob = new Blob([bytes], { type: mime });\n    const url = URL.createObjectURL(blob);\n    window.open(url);\n  });\n\n  useEffect(() => {\n    saveAudioDeviceEnUrlPromise1.then((module) => {\n      setSaveAudioDeviceEnUrl1(module.default);\n    });\n    saveAudioDeviceEnUrlPromise2.then((module) => {\n      setSaveAudioDeviceEnUrl2(module.default);\n    });\n    saveAudioDeviceZhUrlPromise1.then((module) => {\n      setSaveAudioDeviceZhUrl1(module.default);\n    });\n    saveAudioDeviceZhUrlPromise2.then((module) => {\n      setSaveAudioDeviceZhUrl2(module.default);\n    });\n  }, []);\n\n  return (\n    <Form layout=\"vertical\" form={form}>\n      <Typography.Paragraph></Typography.Paragraph>\n      <Typography.Paragraph>\n        <Typography.Text>{t('hooks.useUserMedia.soundDetectDescription')}</Typography.Text>\n      </Typography.Paragraph>\n      <Form.Item label={t('hooks.useUserMedia.chooseMicrophoneDevice')}>\n        <Select\n          options={audioInputs.map((input) => ({\n            label: input.label,\n            value: input.deviceId,\n          }))}\n          defaultValue={selectedDeviceId}\n          onChange={(id) => {\n            setSelectedDeviceId(id);\n            onDeviceChange(id);\n          }}\n        />\n      </Form.Item>\n      <Form.Item style={{ marginBottom: 0 }}>\n        <Checkbox onChange={(e) => setSaveDefaultAudioDevicePermanently(e.target.checked)}>\n          {t('hooks.useUserMedia.rememberDefaultAudioDevice')}\n        </Checkbox>\n      </Form.Item>\n      {saveDefaultAudioDevicePermanently && (\n        <div>\n          <Typography.Paragraph>\n            <Typography.Text>{t('hooks.useUserMedia.rememberDefaultAudioDeviceTip')}</Typography.Text>\n          </Typography.Paragraph>\n          <Flex gap={8} align=\"flex-start\">\n            <div style={{ flex: 1, minWidth: 0 }}>\n              <a\n                href=\"#\"\n                onClick={(e) => {\n                  e.preventDefault();\n                  openDataImageInNewTab(lang === 'zh-CN' ? saveAudioDeviceZhUrl1 : saveAudioDeviceEnUrl1);\n                }}\n              >\n                <img\n                  src={lang === 'zh-CN' ? saveAudioDeviceZhUrl1 : saveAudioDeviceEnUrl1}\n                  alt=\"the first step to save default audio device\"\n                  style={{ width: '100%', height: 'auto' }}\n                />\n              </a>\n            </div>\n            <div style={{ flex: 1, minWidth: 0 }}>\n              <a\n                href=\"#\"\n                onClick={(e) => {\n                  e.preventDefault();\n                  openDataImageInNewTab(lang === 'zh-CN' ? saveAudioDeviceZhUrl2 : saveAudioDeviceEnUrl2);\n                }}\n              >\n                <img\n                  src={lang === 'zh-CN' ? saveAudioDeviceZhUrl2 : saveAudioDeviceEnUrl2}\n                  alt=\"the second step to save default audio device\"\n                  style={{ width: '100%', height: 'auto' }}\n                />\n              </a>\n            </div>\n          </Flex>\n        </div>\n      )}\n    </Form>\n  );\n}\n\nfunction generatePcmCaptureProcessorModule() {\n  const workletCode = `\nclass PcmCaptureProcessor extends AudioWorkletProcessor {\n  process(inputs, outputs, parameters) {\n    const channelsIn = inputs[0];\n    if (channelsIn && channelsIn[0]) {\n      const channels = channelsIn.map((ch) => {\n        const copy = new Float32Array(ch.length);\n        copy.set(ch);\n        return copy;\n      });\n      this.port.postMessage({ type: 'pcm', channels }, channels.map(ch => ch.buffer));\n    }\n    return true;\n  }\n}\nregisterProcessor('pcm-capture', PcmCaptureProcessor);\n`;\n\n  // Create a Blob from the worklet code and return its URL\n  const blob = new Blob([workletCode], { type: 'application/javascript' });\n  const blobUrl = URL.createObjectURL(blob);\n  return blobUrl;\n}\n\nfunction fallbackScriptProcessor(options: {\n  ctx: AudioContext;\n  sourceNode: MediaStreamAudioSourceNode;\n  streamSlicer: StreamTimeSlicerClass;\n}) {\n  const { ctx, sourceNode, streamSlicer } = options;\n  const bufferSize = 128;\n  const processor = ctx.createScriptProcessor(bufferSize, 1, 1);\n  processor.onaudioprocess = (ev) => {\n    const channels = [];\n    for (let i = 0; i < ev.inputBuffer.numberOfChannels; i++) {\n      const input = ev.inputBuffer.getChannelData(i);\n      const copy = new Float32Array(input.length);\n      copy.set(input);\n      channels.push(copy);\n    }\n    streamSlicer.push(channels);\n  };\n  sourceNode.connect(processor);\n  // 可不输出：processor.connect(ctx!.destination)；不连接 destination 在部分浏览器会被自动 GC，可连到 destination 或 gain(0)\n  const gain = ctx.createGain();\n  gain.gain.value = 0;\n  processor.connect(gain).connect(ctx.destination);\n}\n\nexport default useUserMedia;\n"],
+  "mappings": "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",
+  "names": ["ReactEasyContext", "useRefValue", "useT", "_a", "useRefFunction", "t", "mediaStream", "EasyConfigProvider", "module"]
+}