fix: 录音启动竞态防护+onstop计时器清理

apps/web/src/components/voice/CloneModal/hooks/useAudioRecorder.ts

@@ -15,6 +15,7 @@ export const useAudioRecorder = (onError?: (msg: string) => void) => {
   const mediaRecorderRef = useRef<MediaRecorder | null>(null)
   const audioChunksRef = useRef<Blob[]>([])
   const isMountedRef = useRef(true)
+  const isStartingRef = useRef(false)
 
   /** 重置录音状态 */
   const reset = useCallback(() => {
@@ -23,6 +24,7 @@ export const useAudioRecorder = (onError?: (msg: string) => void) => {
     setRecordTime(0)
     setRecordedBlob(null)
     audioChunksRef.current = []
+    isStartingRef.current = false
     if (recordTimerRef.current) {
       clearInterval(recordTimerRef.current)
       recordTimerRef.current = null
@@ -48,11 +50,20 @@ export const useAudioRecorder = (onError?: (msg: string) => void) => {
       return
     }
 
+    // 防止快速双击导致重复启动
+    if (isStartingRef.current) return
+    isStartingRef.current = true
+
     // 开始录制
     try {
       const stream = await navigator.mediaDevices.getUserMedia({
         audio: true,
       })
+      if (!isMountedRef.current) {
+        stream.getTracks().forEach((track) => track.stop())
+        isStartingRef.current = false
+        return
+      }
       const mediaRecorder = new MediaRecorder(stream)
       mediaRecorderRef.current = mediaRecorder
       audioChunksRef.current = []
@@ -64,6 +75,10 @@ export const useAudioRecorder = (onError?: (msg: string) => void) => {
       }
 
       mediaRecorder.onstop = () => {
+        if (recordTimerRef.current) {
+          clearInterval(recordTimerRef.current)
+          recordTimerRef.current = null
+        }
         if (!isMountedRef.current) return
         // 使用浏览器实际生成的 MIME 类型，避免跨浏览器兼容性问题
         const mimeType = mediaRecorder.mimeType || "audio/webm"
@@ -71,6 +86,7 @@ export const useAudioRecorder = (onError?: (msg: string) => void) => {
         setRecordedBlob(blob)
         // 停止音轨
         stream.getTracks().forEach((track) => track.stop())
+        isStartingRef.current = false
       }
 
       mediaRecorder.start()
@@ -101,6 +117,7 @@ export const useAudioRecorder = (onError?: (msg: string) => void) => {
         })
       }, 1000)
     } catch {
+      isStartingRef.current = false
       onError?.("无法访问麦克风，请检查浏览器权限设置")
     }
   }, [isRecording, onError])
@@ -110,6 +127,7 @@ export const useAudioRecorder = (onError?: (msg: string) => void) => {
     isMountedRef.current = true
     return () => {
       isMountedRef.current = false
+      isStartingRef.current = false
       if (recordTimerRef.current) clearInterval(recordTimerRef.current)
       if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
         mediaRecorderRef.current.stop()