处理用户回复数据后自动替换和重置逻辑

新增加入语音播放结束回调

src/api/tts/useAudioPlayer.js

@@ -3,6 +3,7 @@ export function useAudioPlayer() {
     let audioQueue = [];
     let isPlaying = false;
     let currentTime = 0; // 当前播放时间（用于连续播放）
+    let onPlaybackComplete = null; // 音频播放完成回调
     const SAMPLE_RATE = 16000; // 匹配后端采样率
     const CHANNELS = 1; // 单声道
     const BIT_DEPTH = 16; // 16位深
@@ -34,6 +35,10 @@ export function useAudioPlayer() {
     const processAudioQueue = async () => {
         if (audioQueue.length === 0) {
             isPlaying = false;
+            // 音频播放完成，调用回调
+            if (onPlaybackComplete) {
+                onPlaybackComplete();
+            }
             return;
         }
 
@@ -61,6 +66,10 @@ export function useAudioPlayer() {
         } catch (error) {
             console.error('音频处理失败:', error);
             isPlaying = false;
+            // 错误时也调用回调
+            if (onPlaybackComplete) {
+                onPlaybackComplete();
+            }
         }
     };
 
@@ -85,19 +94,34 @@ export function useAudioPlayer() {
     };
 
     // 停止播放并清理
-    const stopPlayback = () => {
+    const stopPlayback = (callCallback = true) => {
         if (audioContext) {
             audioContext.close().then(() => {
                 audioContext = null;
                 currentTime = 0; // 重置播放时间
+                // 停止播放时调用回调
+                if (callCallback && onPlaybackComplete) {
+                    onPlaybackComplete();
+                }
             });
+        } else {
+            // 如果没有音频上下文，直接调用回调
+            if (callCallback && onPlaybackComplete) {
+                onPlaybackComplete();
+            }
         }
         audioQueue = [];
         isPlaying = false;
     };
 
+    // 设置播放完成回调
+    const setOnPlaybackComplete = (callback) => {
+        onPlaybackComplete = callback;
+    };
+
     return {
         playAudioChunk,
-        stopPlayback
+        stopPlayback,
+        setOnPlaybackComplete
     };
 }

src/views/AIPage/aiGenerate/DialogContent.vue

@@ -105,7 +105,7 @@ import { marked } from 'marked'
 import {CreateDialogue, sendChatMessageStream} from "@/api/questions.js";
 import {useAudioPlayer} from "@/api/tts/useAudioPlayer.js";
 
-const { playAudioChunk , stopPlayback  } = useAudioPlayer();
+const { playAudioChunk , stopPlayback, setOnPlaybackComplete  } = useAudioPlayer();
 
 // 路由实例
 const router = useRouter()
@@ -135,8 +135,6 @@ const currentSectionIndex = ref(0)
 const currentDialogueIndex = ref(0)
 // 是否正在播放
 const isPlaying = ref(false)
-// 用户输入前是否正在播放（用于AI回答完成后继续播放）
-const wasPlayingBeforeUserInput = ref(false)
 // 用户输入内容
 const userInput = ref('')
 // 语音录音状态
@@ -363,7 +361,6 @@ const playSequence = async () => {
 
   // 如果当前是用户输入卡片，暂停播放等待用户输入
   if (currentDialogue.value?.type === 'user') {
-    wasPlayingBeforeUserInput.value = true
     return
   }
 
@@ -542,7 +539,6 @@ const recoverQuestDialogue = () => {
     }
     // 清空缓存
     currentDialogueCache.value = null
-    userInputCache.value = ''
   }
 }
 
@@ -571,7 +567,6 @@ const doSendMessageStream = async userMessage => {
           const { code, data, msg } = JSON.parse(res.data)
           if (code !== 0) {
             console.log(`对话异常! ${msg}`)
-            // recoverQuestDialogue();
             stopStream();
             return
           }
@@ -611,7 +606,6 @@ const doSendMessageStream = async userMessage => {
     )
   } catch (error) {
     console.error('发送消息失败:', error)
-    // recoverQuestDialogue();
     stopStream()
   }
 }
@@ -628,20 +622,19 @@ const stopStream = async () => {
   conversationInProgress.value = false
 
   console.log(`结束对话！更改状态： `,conversationInProgress.value)
+}
 
+// 处理音频播放完成
+const handleAudioPlaybackComplete = () => {
+  console.log('智能问答音频播放完成');
   // AI回答完成后，如果之前是播放状态，继续播放
-  if (wasPlayingBeforeUserInput.value) {
-    wasPlayingBeforeUserInput.value = false
-    // 跳到下一个对话并继续播放
-    if (playNext()) {
-      playSequence()
-    } else {
-      // 播放完毕
-      isPlaying.value = false
-      stopAllAudio()
-    }
-  }
-}
+
+  stopAllAudio();
+  // // playNext()
+  // if (isPlaying.value) {
+  //   playNext()
+  // }
+};
 
 // 组件挂载时添加键盘事件监听
 onMounted(() => {
@@ -650,6 +643,8 @@ onMounted(() => {
   playBackgroundAudio()
   // 播放当前对话语音
   playDialogueAudio()
+  // 设置音频播放完成回调
+  setOnPlaybackComplete(handleAudioPlaybackComplete)
 })
 
 // 组件卸载时移除键盘事件监听和停止音频