稳定测试版

goldminer/frontend/src/components/ChatRoom.vue

@@ -606,86 +606,47 @@ export default {
     // 开始录音
     const startRecording = async () => {
       try {
-        // 请求用户的麦克风权限
         const stream = await navigator.mediaDevices.getUserMedia({ 
           audio: {
             echoCancellation: true,
             noiseSuppression: true,
             autoGainControl: true
           } 
-        })
+        });
-        
-        // 检测浏览器支持的音频格式
-        let options = {};
-        let mimeType = '';
         
-        // 按优先级检测支持的格式
+        let mimeType = 'audio/webm';
         if (MediaRecorder.isTypeSupported('audio/webm;codecs=opus')) {
           mimeType = 'audio/webm;codecs=opus';
-          console.log('使用 audio/webm;codecs=opus 格式录音');
-        } 
-        else if (MediaRecorder.isTypeSupported('audio/webm')) {
-          mimeType = 'audio/webm';
-          console.log('使用 audio/webm 格式录音');
-        }
-        else if (MediaRecorder.isTypeSupported('audio/ogg;codecs=opus')) {
-          mimeType = 'audio/ogg;codecs=opus';
-          console.log('使用 audio/ogg;codecs=opus 格式录音');
-        }
-        else if (MediaRecorder.isTypeSupported('audio/mp4')) {
-          mimeType = 'audio/mp4';
-          console.log('使用 audio/mp4 格式录音');
-        }
-        else {
-          console.log('使用默认音频格式录音');
         }
         
-        // 设置录音选项
+        const options = {
-        if (mimeType) {
+          mimeType: mimeType,
-          options = {
+          audioBitsPerSecond: 32000
-            mimeType: mimeType,
+        };
-            audioBitsPerSecond: 32000 // 降低比特率以减小文件大小
-          };
-        }
         
-        // 创建媒体录制器
+        mediaRecorder.value = new MediaRecorder(stream, options);
-        mediaRecorder.value = new MediaRecorder(stream, options)
+        audioChunks.value = [];
-        audioChunks.value = []
         
-        // 记录开始时间
+        recordingStartTime.value = Date.now();
-        recordingStartTime.value = Date.now()
-        recordingDuration.value = 0
         
-        // 监听数据可用事件
         mediaRecorder.value.addEventListener('dataavailable', event => {
           if (event.data.size > 0) {
-            audioChunks.value.push(event.data)
+            audioChunks.value.push(event.data);
           }
-        })
+        });
         
-        // 监听录制完成事件
         mediaRecorder.value.addEventListener('stop', () => {
-          // 如果没有录制数据或录制被取消，直接返回
+          const actualDuration = (Date.now() - recordingStartTime.value) / 1000;
-          if (audioChunks.value.length === 0 || !isRecording.value) {
+          if (audioChunks.value.length === 0 || actualDuration < 0.5) {
-            isRecording.value = false
+            stopMediaTracks(stream);
-            recordingDuration.value = 0
+            return;
-            stopMediaTracks(stream)
-            return
           }
           
-          // 计算实际录制时长（秒）
+          const audioBlob = new Blob(audioChunks.value, { type: mimeType });
-          const actualDuration = (Date.now() - recordingStartTime.value) / 1000
+          const localAudioUrl = URL.createObjectURL(audioBlob);
-          console.log('录音实际时长:', actualDuration, '秒')
-          
-          // 将录制的音频块转换为Blob
-          const audioBlob = new Blob(audioChunks.value, { type: mimeType || 'audio/webm' })
-          
-          // 添加本地预览消息，减少感知延迟
-          const tempId = 'temp-' + Date.now()
-          const localAudioUrl = URL.createObjectURL(audioBlob)
           
           messages.value.push({
-            id: tempId,
+            id: `temp-${Date.now()}`,
             user_id: currentUser.id,
             username: currentUser.username,
             message: localAudioUrl,
@@ -693,81 +654,58 @@ export default {
             audio_duration: actualDuration,
             created_at: new Date().toISOString(),
             isLocal: true
-          })
+          });
-          
+          scrollToBottom();
-          scrollToBottom()
           
-          // 将Blob转换为Base64
+          const reader = new FileReader();
-          const reader = new FileReader()
+          reader.readAsDataURL(audioBlob);
-          reader.readAsDataURL(audioBlob)
           reader.onloadend = () => {
-            const base64Audio = reader.result
+            const base64Audio = reader.result;
-            console.log('音频格式:', mimeType || 'unknown', '数据前缀:', base64Audio.substring(0, 50))
-            
-            // 发送语音消息
             socket.emit('send_audio_message', {
               room_id: currentRoom.value.id,
               audio_data: base64Audio,
               audio_duration: actualDuration,
-              audio_mime_type: mimeType || 'audio/webm'
+              audio_mime_type: mimeType
-            })
+            });
-            
+          };
-            // 重置录音状态
-            isRecording.value = false
-            recordingDuration.value = 0
-            recordingStartTime.value = null
-          }
           
-          // 停止所有媒体轨道
+          stopMediaTracks(stream);
-          stopMediaTracks(stream)
+        });
-        })
         
-        // 开始录音，设置较短的时间片以便更快获取数据
+        mediaRecorder.value.start(100);
-        mediaRecorder.value.start(100)
+        isRecording.value = true;
-        isRecording.value = true
         
-        // 启动计时器 - 用于界面显示
+        recordingDuration.value = 0; // Reset duration display
         recordingTimer.value = setInterval(() => {
-          // 使用实际经过的时间而不是自增计数
+          recordingDuration.value = (Date.now() - recordingStartTime.value) / 1000;
-          recordingDuration.value = (Date.now() - recordingStartTime.value) / 1000
-          
-          // 限制最大录音时间为60秒
           if (recordingDuration.value >= 60) {
-            stopRecording()
+            stopRecording();
           }
-        }, 100) // 更新频率提高到100ms一次，使显示更平滑
+        }, 100);
       } catch (err) {
-        console.error('无法访问麦克风:', err)
+        console.error('无法访问麦克风:', err);
-        alert('无法访问麦克风，请检查浏览器权限设置。')
+        alert('无法访问麦克风，请检查浏览器权限设置。');
       }
-    }
+    };
-    
+
-    // 切换录音状态
+    // 修复：恢复 toggleRecording 函数
     const toggleRecording = () => {
       if (isRecording.value) {
-        stopRecording()
+        stopRecording();
       } else {
-        startRecording()
+        startRecording();
       }
-    }
+    };
-    
+
-    // 停止录音
+    const stopRecording = () => {
-    const stopRecording = (forceStop = false) => {
       if (mediaRecorder.value && isRecording.value) {
-        mediaRecorder.value.stop()
+        mediaRecorder.value.stop();
-        isRecording.value = false
+        isRecording.value = false;
         if (recordingTimer.value) {
-          clearInterval(recordingTimer.value)
+          clearInterval(recordingTimer.value);
-        }
-        
-        // 如果不是强制停止（即用户正常完成录音），则处理音频数据
-        if (!forceStop) {
-          // onstop事件会处理后续逻辑
-        } else {
-          audioChunks.value = [] // 强制停止时清空数据
         }
       }
-    }
+    };
 
     // 播放音频
     const playAudio = (message) => {