From 0dced68876c754a90cc29a3b503eb89b51083699 Mon Sep 17 00:00:00 2001
From: hubian <908234780@qq.com>
Date: Tue, 21 Apr 2026 18:45:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=94=A8=E6=88=B7=E8=AF=AD=E9=9F=B3?=
 =?UTF-8?q?=E6=B6=88=E6=81=AF=E6=94=AF=E6=8C=81=E7=82=B9=E5=87=BB=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 logs/server.log   | Bin 3015 -> 4685 bytes
 static/index.html |  85 ++++++++++++++++++++++++++++++++++++++++++----
 2 files changed, 78 insertions(+), 7 deletions(-)

diff --git a/logs/server.log b/logs/server.log
index 4dc08ec0c336a9c825eff549f18dac284533baf0..9171fd90005c2a25d7dca6e63629a004c2496258 100644
GIT binary patch
delta 64
zcmX>uepY3I3X7$Qg~ddTZLDSn#)ig|<rytNEMo-A94Mx^xt1}XbMpkoR<_A+xUR99
Jn;6G(0RS;!5p4hf

delta 66
zcmX@Ba$J0Z3af>=iE-@YGlD7;eJ8S-TAG*`O;%tuWw)?0Ha51j0J1GWqNe6Rmg43*
R#(d7nMS|B@O-xN<xd3qL5vu?I

diff --git a/static/index.html b/static/index.html
index 9fc7290..db04ee6 100644
--- a/static/index.html
+++ b/static/index.html
@@ -196,6 +196,40 @@
             line-height: 1.5;
         }
         
+        .audio-content {
+            display: flex;
+            align-items: center;
+        }
+        
+        .play-btn {
+            display: inline-flex;
+            align-items: center;
+            gap: 8px;
+            padding: 8px 15px;
+            border-radius: 20px;
+            border: none;
+            background: rgba(255,255,255,0.2);
+            cursor: pointer;
+            transition: all 0.2s;
+            font-size: 14px;
+        }
+        
+        .play-btn:hover {
+            background: rgba(255,255,255,0.3);
+        }
+        
+        .play-btn.playing {
+            background: rgba(255,255,255,0.4);
+        }
+        
+        .play-icon {
+            font-size: 16px;
+        }
+        
+        .duration {
+            color: rgba(255,255,255,0.8);
+        }
+        
         .loading {
             display: flex;
             justify-content: center;
@@ -470,6 +504,9 @@
             try {
                 showLoading();
                 
+                // 计算音频时长
+                const duration = Math.round(recordedBuffers.reduce((acc, buf) => acc + buf.length, 0) / 16000);
+                
                 const formData = new FormData();
                 formData.append('audio', audioBlob, 'recording.wav');
                 if (conversationId) {
@@ -489,8 +526,8 @@
                 const data = await resp.json();
                 conversationId = data.conversation_id;
                 
-                // 显示消息
-                addMessage('user', '🎵 语音消息');
+                // 显示消息（带音频播放）
+                addMessage('user', audioBlob, duration);
                 addMessage('assistant', data.reply);
                 
                 recordStatus.textContent = '点击按钮开始录音';
@@ -503,7 +540,7 @@
         }
         
         // 添加消息
-        function addMessage(role, content) {
+        function addMessage(role, content, audioDuration = null) {
             // 移除提示
             const hint = chatSection.querySelector('.hint');
             if (hint) hint.remove();
@@ -514,16 +551,50 @@
             
             const msg = document.createElement('div');
             msg.className = `message ${role}`;
-            msg.innerHTML = `
-                <div class="role">${role === 'user' ? '我' : 'AI'}</div>
-                <div class="content">${content}</div>
-            `;
+            
+            // 用户消息可能是音频
+            if (role === 'user' && content instanceof Blob) {
+                const audioUrl = URL.createObjectURL(content);
+                const durationText = audioDuration ? `${audioDuration}s` : '';
+                msg.innerHTML = `
+                    <div class="role">我</div>
+                    <div class="content audio-content">
+                        <button class="play-btn" onclick="playAudio('${audioUrl}', this)">
+                            <span class="play-icon">▶️</span>
+                            <span class="duration">${durationText}</span>
+                        </button>
+                    </div>
+                `;
+            } else {
+                msg.innerHTML = `
+                    <div class="role">${role === 'user' ? '我' : 'AI'}</div>
+                    <div class="content">${content}</div>
+                `;
+            }
             chatSection.appendChild(msg);
             
             // 滚动到底部
             chatSection.scrollTop = chatSection.scrollHeight;
         }
         
+        // 播放音频
+        function playAudio(audioUrl, btn) {
+            const audio = new Audio(audioUrl);
+            const icon = btn.querySelector('.play-icon');
+            
+            audio.onplay = () => {
+                icon.textContent = '🔊';
+                btn.classList.add('playing');
+            };
+            
+            audio.onended = () => {
+                icon.textContent = '▶️';
+                btn.classList.remove('playing');
+            };
+            
+            audio.play();
+        }
+        
         // 显示加载
         function showLoading() {
             const hint = chatSection.querySelector('.hint');