From 72ccf2e7b021fd783f223cb94e3ea62ca74841f3 Mon Sep 17 00:00:00 2001 From: Henry Date: Tue, 16 Sep 2025 19:05:51 +0100 Subject: [PATCH] - Implemented stopAllTTS function calls to halt existing TTS audio before playing new audio or starting a new TTS stream --- packages/ui/src/views/chatmessage/ChatMessage.jsx | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/packages/ui/src/views/chatmessage/ChatMessage.jsx b/packages/ui/src/views/chatmessage/ChatMessage.jsx index 22a802118..ee80c2435 100644 --- a/packages/ui/src/views/chatmessage/ChatMessage.jsx +++ b/packages/ui/src/views/chatmessage/ChatMessage.jsx @@ -1737,6 +1737,9 @@ const ChatMessage = ({ open, chatflowid, isAgentCanvas, isDialog, previews, setP const handleAutoPlayAudio = async (audioData) => { try { + // Stop all existing TTS audio before playing auto-play audio + stopAllTTS() + const audioBuffer = Uint8Array.from(atob(audioData), (c) => c.charCodeAt(0)) const audioBlob = new Blob([audioBuffer], { type: 'audio/mpeg' }) const audioUrl = URL.createObjectURL(audioBlob) @@ -1893,6 +1896,10 @@ const ChatMessage = ({ open, chatflowid, isAgentCanvas, isDialog, previews, setP const handleTTSStart = (data) => { setTTSAction(true) + + // Stop all existing TTS audio before starting new stream + stopAllTTS() + setIsTTSLoading((prevState) => ({ ...prevState, [data.chatMessageId]: true