@tiny-codes/react-easy 1.4.9 → 1.4.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,4 @@
1
+ import { type StreamTimeSlicerOptions } from '../utils/stream';
1
2
  export interface UseUserMediaProps {
2
3
  /**
3
4
  * - **EN:** The media constraints for the audio and video stream.
@@ -58,11 +59,17 @@ export interface UseUserMediaProps {
58
59
  */
59
60
  disabled?: boolean;
60
61
  /**
61
- * - **EN:** The slicing time period (milliseconds) for each fragment of the audio and video stream,
62
- * each time slice will trigger the `onStreamChunk` callback. Default is `500`.
63
- * - **CN:** 媒体流每个分片的切片时间段(毫秒),每个时间分片会触发一次 `onStreamChunk` 回调,默认值为 `500`。
62
+ * - **EN:** The slicing mode for the audio and video stream.
63
+ * - **CN:** 媒体流的切片模式。
64
64
  */
65
- streamSliceMs?: number;
65
+ streamSliceMode?: StreamTimeSlicerOptions['sliceMode'];
66
+ /**
67
+ * - **EN:** The slicing value (milliseconds or bytes) for the audio and video stream, when
68
+ * `streamSliceMode` is `time`, it represents milliseconds, and when it is `size`, it represents
69
+ * bytes.
70
+ * - **CN:** 媒体流切片的切片值(毫秒或字节),当 `streamSliceMode` 为 `time` 时表示毫秒,为 `size` 时表示字节。
71
+ */
72
+ streamSliceValue?: StreamTimeSlicerOptions['value'];
66
73
  /**
67
74
  * - **EN:** The silence detection threshold (0-1) for the audio stream, below which the audio is
68
75
  * considered silent. Default is `0`.
@@ -46,7 +46,8 @@ var useUserMedia = (props) => {
46
46
  media,
47
47
  pcmAudioOptions,
48
48
  disabled,
49
- streamSliceMs = 500,
49
+ streamSliceMode = "time",
50
+ streamSliceValue,
50
51
  soundDetectionThreshold = 0,
51
52
  soundDetectionTimeout = 3e3,
52
53
  onStartRecording,
@@ -85,7 +86,8 @@ var useUserMedia = (props) => {
85
86
  const onPcmStreamChunkRef = (0, import_useRefValue.default)(onPcmStreamChunk);
86
87
  const pcmStreamSlicerRef = (0, import_react.useRef)(
87
88
  new import_stream.StreamTimeSlicerClass({
88
- timeSlice: streamSliceMs,
89
+ sliceMode: streamSliceMode,
90
+ value: streamSliceValue || 0,
89
91
  onSlice: (channels) => {
90
92
  var _a2;
91
93
  (_a2 = onPcmStreamChunkRef.current) == null ? void 0 : _a2.call(onPcmStreamChunkRef, channels, pcmSampleRateRef.current);
@@ -138,8 +140,8 @@ var useUserMedia = (props) => {
138
140
  onStreamChunk == null ? void 0 : onStreamChunk(event.data);
139
141
  }
140
142
  };
141
- if (streamSliceMs) {
142
- recorder.start(streamSliceMs);
143
+ if (streamSliceMode === "time" && streamSliceValue) {
144
+ recorder.start(streamSliceValue);
143
145
  } else {
144
146
  recorder.start();
145
147
  }
@@ -352,10 +354,10 @@ var useUserMedia = (props) => {
352
354
  }
353
355
  }, [disabled, isRecording]);
354
356
  (0, import_react.useEffect)(() => {
355
- if (streamSliceMs && pcmStreamSlicerRef.current.timeSlice !== streamSliceMs) {
356
- pcmStreamSlicerRef.current.timeSlice = streamSliceMs;
357
+ if (streamSliceValue && pcmStreamSlicerRef.current.value !== streamSliceValue) {
358
+ pcmStreamSlicerRef.current.value = streamSliceValue;
357
359
  }
358
- }, [streamSliceMs]);
360
+ }, [streamSliceValue]);
359
361
  (0, import_react.useEffect)(() => {
360
362
  if (includeAudio && mediaStream && !isSpeakingRef.current) {
361
363
  try {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/hooks/useUserMedia.tsx"],
4
- "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\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 import('../assets/request-microphone-en.js').then((module) => {\n setRequestMicrophoneEnUrl(module.default);\n });\n import('../assets/request-microphone-zh.js').then((module) => {\n setRequestMicrophoneZhUrl(module.default);\n });\n import('../assets/reset-microphone-en.js').then((module) => {\n setResetMicrophoneEnUrl(module.default);\n });\n import('../assets/reset-microphone-zh.js').then((module) => {\n setResetMicrophoneZhUrl(module.default);\n });\n import('../assets/request-camera-en.js').then((module) => {\n setRequestCameraEnUrl(module.default);\n });\n import('../assets/request-camera-zh.js').then((module) => {\n setRequestCameraZhUrl(module.default);\n });\n import('../assets/reset-camera-en.js').then((module) => {\n setResetCameraEnUrl(module.default);\n });\n import('../assets/reset-camera-zh.js').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 import('../assets/save-default-audio1-en.js').then((module) => {\n setSaveAudioDeviceEnUrl1(module.default);\n });\n import('../assets/save-default-audio2-en.js').then((module) => {\n setSaveAudioDeviceEnUrl2(module.default);\n });\n import('../assets/save-default-audio1-zh.js').then((module) => {\n setSaveAudioDeviceZhUrl1(module.default);\n });\n import('../assets/save-default-audio2-zh.js').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"],
5
- "mappings": "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",
4
+ "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, type StreamTimeSlicerOptions } from '../utils/stream';\nimport useRefFunction from './useRefFunction';\nimport useRefValue from './useRefValue';\nimport useT from './useT';\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 mode for the audio and video stream.\n * - **CN:** 媒体流的切片模式。\n */\n streamSliceMode?: StreamTimeSlicerOptions['sliceMode'];\n /**\n * - **EN:** The slicing value (milliseconds or bytes) for the audio and video stream, when\n * `streamSliceMode` is `time`, it represents milliseconds, and when it is `size`, it represents\n * bytes.\n * - **CN:** 媒体流切片的切片值(毫秒或字节),当 `streamSliceMode` 为 `time` 时表示毫秒,为 `size` 时表示字节。\n */\n streamSliceValue?: StreamTimeSlicerOptions['value'];\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 streamSliceMode = 'time',\n streamSliceValue,\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 sliceMode: streamSliceMode,\n value: streamSliceValue || 0,\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 (streamSliceMode === 'time' && streamSliceValue) {\n recorder.start(streamSliceValue);\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 (streamSliceValue && pcmStreamSlicerRef.current.value !== streamSliceValue) {\n pcmStreamSlicerRef.current.value = streamSliceValue;\n }\n }, [streamSliceValue]);\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 import('../assets/request-microphone-en.js').then((module) => {\n setRequestMicrophoneEnUrl(module.default);\n });\n import('../assets/request-microphone-zh.js').then((module) => {\n setRequestMicrophoneZhUrl(module.default);\n });\n import('../assets/reset-microphone-en.js').then((module) => {\n setResetMicrophoneEnUrl(module.default);\n });\n import('../assets/reset-microphone-zh.js').then((module) => {\n setResetMicrophoneZhUrl(module.default);\n });\n import('../assets/request-camera-en.js').then((module) => {\n setRequestCameraEnUrl(module.default);\n });\n import('../assets/request-camera-zh.js').then((module) => {\n setRequestCameraZhUrl(module.default);\n });\n import('../assets/reset-camera-en.js').then((module) => {\n setResetCameraEnUrl(module.default);\n });\n import('../assets/reset-camera-zh.js').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 import('../assets/save-default-audio1-en.js').then((module) => {\n setSaveAudioDeviceEnUrl1(module.default);\n });\n import('../assets/save-default-audio2-en.js').then((module) => {\n setSaveAudioDeviceEnUrl2(module.default);\n });\n import('../assets/save-default-audio1-zh.js').then((module) => {\n setSaveAudioDeviceZhUrl1(module.default);\n });\n import('../assets/save-default-audio2-zh.js').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"],
5
+ "mappings": "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",
6
6
  "names": ["ReactEasyContext", "useRefValue", "useT", "_a", "useRefFunction", "t", "mediaStream", "EasyConfigProvider", "module"]
7
7
  }
@@ -1,4 +1,4 @@
1
- export type AudioSource = string | ReadableStreamDefaultReader<Uint8Array>;
1
+ export type AudioSource = string | ReadableStreamDefaultReader<Uint8Array> | ArrayBuffer | Uint8Array | Blob;
2
2
  export interface AudioPlayerInit {
3
3
  /**
4
4
  * - **EN:** Audio source (URL or streaming data)
@@ -42,7 +42,7 @@ export interface AudioPlayerInit {
42
42
  */
43
43
  declare class AudioPlayer {
44
44
  private audio;
45
- private volume;
45
+ private _volume;
46
46
  private audioContext;
47
47
  private gainNode;
48
48
  private sourceNode;
@@ -61,25 +61,47 @@ declare class AudioPlayer {
61
61
  * - **CN:** 检查音频是否正在播放
62
62
  */
63
63
  get isPlaying(): boolean;
64
+ /**
65
+ * - **EN:** Get current playback time (seconds)
66
+ * - **CN:** 获取当前播放时间(秒)
67
+ */
68
+ get currentTime(): number;
69
+ /**
70
+ * - **EN:** Get total audio duration (seconds)
71
+ * - **CN:** 获取音频总时长(秒)
72
+ */
73
+ get duration(): number;
74
+ /**
75
+ * - **EN:** Get current volume value (0-1)
76
+ * - **CN:** 获取当前音量值(0-1)
77
+ */
78
+ get volume(): number;
64
79
  /**
65
80
  * - **EN:** Play audio. If previously paused, will resume from the pause position
66
81
  * - **CN:** 播放音频 如果之前暂停过,将从暂停位置继续播放
67
82
  */
68
83
  play(): Promise<void>;
69
84
  /**
70
- * - **EN:** Set current playback time (in seconds)
71
- * - **CN:** 设置当前播放时间(以秒为单位)
85
+ * - **EN:** Seek forward by a certain number of seconds
86
+ * - **CN:** 向前跳转一定秒数
72
87
  *
73
- * @param time - time in seconds | 时间(秒)
88
+ * @param seconds - number of seconds to seek forward | 要向前跳转的秒数
74
89
  */
75
- gotoTime(time: number): void;
90
+ seekForward(seconds: number): void;
76
91
  /**
77
- * - **EN:** Set playback position by percentage
78
- * - **CN:** 按百分比设置播放位置
92
+ * - **EN:** Seek backward by a certain number of seconds
93
+ * - **CN:** 向后跳转一定秒数
79
94
  *
80
- * @param percent - percentage (0-1) | 百分比(0-1)
95
+ * @param seconds - number of seconds to seek backward | 要向后跳转的秒数
81
96
  */
82
- gotoPercent(percent: number): void;
97
+ seekBackward(seconds: number): void;
98
+ /**
99
+ * - **EN:** Set current playback time (in seconds)
100
+ * - **CN:** 设置当前播放时间(以秒为单位)
101
+ *
102
+ * @param time - time in seconds | 时间(秒)
103
+ */
104
+ seek(time: number): void;
83
105
  /**
84
106
  * - **EN:** Pause audio playback. When played again, will continue from current position
85
107
  * - **CN:** 暂停音频播放 再次播放时将从当前位置继续
@@ -119,21 +141,6 @@ declare class AudioPlayer {
119
141
  * @param value - new volume value (0-1) | 新的音量值(0-1)
120
142
  */
121
143
  setVolume(value: number): void;
122
- /**
123
- * - **EN:** Get current volume value (0-1)
124
- * - **CN:** 获取当前音量值(0-1)
125
- */
126
- getVolume(): number;
127
- /**
128
- * - **EN:** Get current playback time (seconds)
129
- * - **CN:** 获取当前播放时间(秒)
130
- */
131
- getCurrentTime(): number;
132
- /**
133
- * - **EN:** Get total audio duration (seconds)
134
- * - **CN:** 获取音频总时长(秒)
135
- */
136
- getDuration(): number;
137
144
  /**
138
145
  * - **EN:** Add audio event listener
139
146
  * - **CN:** 添加音频事件监听器
@@ -51,8 +51,8 @@ var AudioPlayer = class {
51
51
  const { source, volume } = options || {};
52
52
  this.options = options;
53
53
  this.audio = new Audio();
54
- this.volume = volume != null ? Math.min(1, Math.max(0, volume)) : 0.5;
55
- this.audio.volume = this.volume;
54
+ this._volume = volume != null ? Math.min(1, Math.max(0, volume)) : 0.5;
55
+ this.audio.volume = this._volume;
56
56
  if (typeof source === "function") {
57
57
  const result = source();
58
58
  if (typeof result === "object" && "then" in result && typeof result.then === "function") {
@@ -77,6 +77,27 @@ var AudioPlayer = class {
77
77
  var _a;
78
78
  return ((_a = this.audioContext) == null ? void 0 : _a.state) === "running";
79
79
  }
80
+ /**
81
+ * - **EN:** Get current playback time (seconds)
82
+ * - **CN:** 获取当前播放时间(秒)
83
+ */
84
+ get currentTime() {
85
+ return this.audio.currentTime;
86
+ }
87
+ /**
88
+ * - **EN:** Get total audio duration (seconds)
89
+ * - **CN:** 获取音频总时长(秒)
90
+ */
91
+ get duration() {
92
+ return this.audio.duration;
93
+ }
94
+ /**
95
+ * - **EN:** Get current volume value (0-1)
96
+ * - **CN:** 获取当前音量值(0-1)
97
+ */
98
+ get volume() {
99
+ return this._volume;
100
+ }
80
101
  /**
81
102
  * - **EN:** Play audio. If previously paused, will resume from the pause position
82
103
  * - **CN:** 播放音频 如果之前暂停过,将从暂停位置继续播放
@@ -98,32 +119,46 @@ var AudioPlayer = class {
98
119
  }
99
120
  }
100
121
  /**
101
- * - **EN:** Set current playback time (in seconds)
102
- * - **CN:** 设置当前播放时间(以秒为单位)
122
+ * - **EN:** Seek forward by a certain number of seconds
123
+ * - **CN:** 向前跳转一定秒数
103
124
  *
104
- * @param time - time in seconds | 时间(秒)
125
+ * @param seconds - number of seconds to seek forward | 要向前跳转的秒数
105
126
  */
106
- gotoTime(time) {
107
- const newTime = Math.max(0, time);
127
+ seekForward(seconds) {
128
+ if (seconds < 0) {
129
+ return;
130
+ }
108
131
  if (!isNaN(this.audio.duration)) {
109
- this.audio.currentTime = Math.min(newTime, this.audio.duration);
132
+ this.audio.currentTime = Math.min(this.audio.currentTime + seconds, this.audio.duration);
110
133
  } else {
111
- this.audio.currentTime = newTime;
134
+ this.audio.currentTime += seconds;
112
135
  }
113
136
  }
114
137
  /**
115
- * - **EN:** Set playback position by percentage
116
- * - **CN:** 按百分比设置播放位置
138
+ * - **EN:** Seek backward by a certain number of seconds
139
+ * - **CN:** 向后跳转一定秒数
117
140
  *
118
- * @param percent - percentage (0-1) | 百分比(0-1)
141
+ * @param seconds - number of seconds to seek backward | 要向后跳转的秒数
119
142
  */
120
- gotoPercent(percent) {
121
- if (isNaN(this.audio.duration)) {
143
+ seekBackward(seconds) {
144
+ if (seconds < 0) {
122
145
  return;
123
146
  }
124
- const clampedPercent = Math.min(1, Math.max(0, percent));
125
- const newTime = this.audio.duration * clampedPercent;
126
- this.audio.currentTime = newTime;
147
+ this.audio.currentTime = Math.max(this.audio.currentTime - seconds, 0);
148
+ }
149
+ /**
150
+ * - **EN:** Set current playback time (in seconds)
151
+ * - **CN:** 设置当前播放时间(以秒为单位)
152
+ *
153
+ * @param time - time in seconds | 时间(秒)
154
+ */
155
+ seek(time) {
156
+ const newTime = Math.max(0, time);
157
+ if (!isNaN(this.audio.duration)) {
158
+ this.audio.currentTime = Math.min(newTime, this.audio.duration);
159
+ } else {
160
+ this.audio.currentTime = newTime;
161
+ }
127
162
  }
128
163
  /**
129
164
  * - **EN:** Pause audio playback. When played again, will continue from current position
@@ -167,7 +202,7 @@ var AudioPlayer = class {
167
202
  * @param percent - increase percentage (default 10%) | 增加百分比(默认10%)
168
203
  */
169
204
  volumeUp(percent = 0.1) {
170
- this.volume = Math.min(1, this.volume + percent);
205
+ this._volume = Math.min(1, this._volume + percent);
171
206
  this.updateVolume();
172
207
  }
173
208
  /**
@@ -177,7 +212,7 @@ var AudioPlayer = class {
177
212
  * @param percent - decrease percentage (default 10%) | 降低百分比(默认10%)
178
213
  */
179
214
  volumeDown(percent = 0.1) {
180
- this.volume = Math.max(0, this.volume - percent);
215
+ this._volume = Math.max(0, this._volume - percent);
181
216
  this.updateVolume();
182
217
  }
183
218
  /**
@@ -187,30 +222,9 @@ var AudioPlayer = class {
187
222
  * @param value - new volume value (0-1) | 新的音量值(0-1)
188
223
  */
189
224
  setVolume(value) {
190
- this.volume = Math.min(1, Math.max(0, value));
225
+ this._volume = Math.min(1, Math.max(0, value));
191
226
  this.updateVolume();
192
227
  }
193
- /**
194
- * - **EN:** Get current volume value (0-1)
195
- * - **CN:** 获取当前音量值(0-1)
196
- */
197
- getVolume() {
198
- return this.volume;
199
- }
200
- /**
201
- * - **EN:** Get current playback time (seconds)
202
- * - **CN:** 获取当前播放时间(秒)
203
- */
204
- getCurrentTime() {
205
- return this.audio.currentTime;
206
- }
207
- /**
208
- * - **EN:** Get total audio duration (seconds)
209
- * - **CN:** 获取音频总时长(秒)
210
- */
211
- getDuration() {
212
- return this.audio.duration;
213
- }
214
228
  /**
215
229
  * - **EN:** Release resources
216
230
  * - **CN:** 释放资源
@@ -231,26 +245,33 @@ var AudioPlayer = class {
231
245
  this.gainNode = null;
232
246
  }
233
247
  /** Process streaming data source */
234
- async handleStreamSource(reader) {
235
- if (!reader)
248
+ async handleStreamSource(source) {
249
+ if (!source)
236
250
  return;
237
251
  try {
238
- const stream = new ReadableStream({
239
- async pull(controller) {
240
- try {
241
- const { done, value } = await reader.read();
242
- if (done) {
243
- controller.close();
244
- } else {
245
- controller.enqueue(value);
252
+ let blob;
253
+ if (source instanceof Blob) {
254
+ blob = source;
255
+ } else if (source instanceof ArrayBuffer || source instanceof Uint8Array) {
256
+ blob = new Blob([source]);
257
+ } else {
258
+ const stream = new ReadableStream({
259
+ async pull(controller) {
260
+ try {
261
+ const { done, value } = await source.read();
262
+ if (done) {
263
+ controller.close();
264
+ } else {
265
+ controller.enqueue(value);
266
+ }
267
+ } catch (err) {
268
+ controller.error(err);
246
269
  }
247
- } catch (err) {
248
- controller.error(err);
249
270
  }
250
- }
251
- });
252
- const response = new Response(stream);
253
- const blob = await response.blob();
271
+ });
272
+ const response = new Response(stream);
273
+ blob = await response.blob();
274
+ }
254
275
  const url = URL.createObjectURL(blob);
255
276
  this.audio.src = url;
256
277
  this.audio.onload = () => {
@@ -269,14 +290,14 @@ var AudioPlayer = class {
269
290
  this.gainNode = this.audioContext.createGain();
270
291
  this.sourceNode.connect(this.gainNode);
271
292
  this.gainNode.connect(this.audioContext.destination);
272
- this.gainNode.gain.value = this.volume;
293
+ this.gainNode.gain.value = this._volume;
273
294
  }
274
295
  /** Update audio playback volume */
275
296
  updateVolume() {
276
297
  if (this.gainNode) {
277
- this.gainNode.gain.value = this.volume;
298
+ this.gainNode.gain.value = this._volume;
278
299
  } else {
279
- this.audio.volume = this.volume;
300
+ this.audio.volume = this._volume;
280
301
  }
281
302
  }
282
303
  };