npm - yt-chat-components - Versions diffs - 1.5.7 → 1.5.8 - Mend

yt-chat-components 1.5.7 → 1.5.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "yt-chat-components",
-  "version": "1.5.7",
+  "version": "1.5.8",
   "main": "build/static/js/bundle.min.js",
   "module": "build/static/js/bundle.min.js",
   "types": "build/static/js/index.d.ts",

package/public/index.html CHANGED Viewed

@@ -7,6 +7,7 @@
     <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
 </head>
 <!--<body style="width: 100vw; height: 100vh; position: relative; margin: unset ">-->
+<!--&lt;!&ndash;0043a683-cef6-4606-b43a-8d1a2f530bf6 a2806443-0780-49fb-a865-e0d1784f2125&ndash;&gt;-->
 <!--<yt-chat-->
 <!--        right="100"-->
 <!--        bottom="100"-->
@@ -14,7 +15,7 @@
 <!--        height="50"-->
 <!--        title="菜鸟驿站"-->
 <!--        icon-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png"-->
-<!--        host-url="https://ai-api.yuntu.cn"-->
+<!--        host-url="http://localhost:7860"-->
 <!--        user-info='{"id": "123", "name": "John Doe", "code":"2020230608" }'-->
 <!--        app-id="c3148c58-c2a2-45a2-a872-bb6e7fc2dd7e"-->
 <!--        is-show-side-left=true-->
@@ -29,6 +30,8 @@
 <!--        logo-position="fixed"-->
 <!--        is-title-side-icon=false-->
 <!--        is-show-upload-button=true-->
+<!--        is_enable_call=true-->
+<!--        is-show-read-icon=true-->
 <!--/>-->
 <!--</body>-->
@@ -106,23 +109,48 @@
 <!--/>-->
 <!--</body>-->
-<body style="width: 100vw; height: 100vh; margin:0;">
-<yt-page-chat-v2
-        host-url="https://ai-api.yuntu.cn"
+<!--<body style="width: 100vw; height: 100vh; margin:0;">-->
+<!--<yt-page-chat-v2-->
+<!--        host-url="https://ai-api.yuntu.cn"-->
+<!--        sign-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/logo.png"-->
+<!--        app-id="5f48c683-38d8-430e-8479-17730a605821"-->
+<!--        box-style='{"height":"100%","minWidth": "1380px","background":"url(https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/system/portal_bg_blue.png) center top / 100% 100% no-repeat"}'-->
+<!--        is-show-side-right=true-->
+<!--        is-show-side-left=true-->
+<!--        dialog-index="999999999"-->
+<!--        agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/kai_yuan/byz/xinge.png"-->
+<!--        agent-name="白城医学高等专科学校招生咨询平台"-->
+<!--        logo-width="27px"-->
+<!--        logo-font-size="20px"-->
+<!--        is-title-side-icon=true-->
+<!--        is-show-upload-button=false-->
+<!--        is-show-read-icon=true-->
+<!--        drop-man-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/ai_man01.png"-->
+<!--        asset-map='{"sendMessageUrl":"https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/sendMessage.png","stopMessageUrl":"https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/stopMessage.png","speakUrl":"https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/speak.png"}'-->
+<!--/>-->
+<!--</body>-->
+<body style="width: 100vw; height: 100vh; margin:0 ">
+<yt-page-chat-mobile-v2
+        host-url="http://192.168.110.135:7860"
         sign-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/logo.png"
         app-id="5f48c683-38d8-430e-8479-17730a605821"
-        box-style='{"height":"100%","minWidth": "1380px","background":"url(https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/system/portal_bg_blue.png) center top / 100% 100% no-repeat"}'
+        agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/kai_yuan/byz/xinge.png"
+        box-style='{"height":"100%"}'
         is-show-side-right=true
         is-show-side-left=true
         dialog-index="999999999"
-        agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/kai_yuan/byz/xinge.png"
         agent-name="白城医学高等专科学校招生咨询平台"
-        logo-width="27px"
-        logo-font-size="20px"
+        agent-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/ccit/user/xc//image/ebfaf4da-c1d9-46fb-a0b1-f159e95cffc2_AI招生咨询小助手.png"
+        logo-width="42px"
+        logo-font-size="26px"
         is-title-side-icon=true
         is-show-upload-button=false
+        is-show-read-icon=true
         drop-man-url="https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/ai/ai_man01.png"
         asset-map='{"sendMessageUrl":"https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/sendMessage.png","stopMessageUrl":"https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/stopMessage.png","speakUrl":"https://trans-from-yuntu-resourse.oss-cn-beijing.aliyuncs.com/smartSchool/appCreator/school/bcyz/user/ai/speak.png"}'
+        header-name="白城医学高等专科学校招生咨询平台"
+        is-show-mobile-input-area=true
 />
 </body>
 </html>

package/src/YtChatView/chatWidget/chatWindow/audioPlayer/AudioPlayer.tsx ADDED Viewed

@@ -0,0 +1,225 @@
+// @ts-ignore
+import { v4 as uuidv4 } from 'uuid';
+import PCMAudioPlayer from "./PCMAudioPlayer";
+export class AudioPlayer {
+    private websocket: WebSocket | null = null;
+    private appkey: string;
+    private token: string;
+    private isSendSentenceEnd : boolean = false;
+    private pcmAudioPlayer: PCMAudioPlayer | null = null;
+    private voice : string = 'longxiaochun'; // longxiaochun zhixiaoxia
+    // 回调函数
+    onError?: (error: any) => void;
+    onReady?: () => void;
+    onComplete?: () => void;
+    private taskId: string = '';
+    private sentences: string[] = [];
+    private isPlaying: boolean = false;
+    constructor(voice: string) {
+        // this.appkey = "9S7HL8z0fT80giNH";
+        // this.token = 'd20cf27fac634fee88d5d54a12cc36a6';
+        this.appkey = 'DhyCL7mwzachpGjL';
+        this.token = 'e3e3d121a15f41b198117a35ad1f33de';
+        this.taskId = uuidv4().replaceAll('-', '');
+        if (voice){
+            this.voice = voice;
+        }
+        this.pcmAudioPlayer = new PCMAudioPlayer(16000);
+        this.pcmAudioPlayer.onQueueEnd = () => {
+            this.isPlaying = false;
+            if (this.onComplete){
+                this.onComplete();
+            }
+        };
+        this.connect();
+    }
+    connect() {
+        // cosyvoice 流式语言合成 2元、万字
+        const socketUrl = `wss://nls-gateway-cn-beijing.aliyuncs.com/ws/v1?token=${this.token}`;
+        // 普通语言合成 1元、万字
+        // const socketUrl = `wss://nls-gateway.cn-shanghai.aliyuncs.com/ws/v1?token=${this.token}`;
+        this.websocket = new WebSocket(socketUrl);
+        this.websocket.binaryType = 'arraybuffer';
+        this.websocket.onopen = () => {
+            console.log('WebSocket 已连接');
+            this.sendStartSynthesis();
+            this.pcmAudioPlayer?.connect();
+        };
+        this.websocket.onmessage = this.handleMessage.bind(this);
+        this.websocket.onerror = this.handleError.bind(this);
+        this.websocket.onclose = this.handleClose.bind(this);
+    }
+    disconnect() {
+        if (this.websocket) {
+            this.websocket.close();
+            this.websocket = null;
+        }
+    }
+    // 建立链接指令
+    sendStartSynthesis() {
+        if (!this.websocket || this.websocket.readyState !== WebSocket.OPEN) {
+            console.warn('WebSocket not connected.');
+            return;
+        }
+        const messageId = uuidv4().replaceAll('-', '');
+        const startMessage = {
+            header: {
+                namespace: "FlowingSpeechSynthesizer",
+                name: "StartSynthesis",
+                task_id: this.taskId,
+                message_id: messageId,
+                appkey: this.appkey
+            },
+            payload: {
+                enable_subtitle: true,
+                format: 'PCM',
+                pitch_rate: 0,            // 音调
+                platform: "javascript",
+                sample_rate: "16000",// 输出格式
+                speech_rate: 0,           // 语速
+                voice: this.voice,         // 声音模型
+                volume: 100               // 音量
+            }
+        };
+        console.log("发送初始连接消息")
+        this.websocket.send(JSON.stringify(startMessage));
+    }
+    // 终止合成指令
+    sendStopSynthesis() {
+        if (!this.websocket || this.websocket.readyState !== WebSocket.OPEN) {
+            console.warn('WebSocket not connected.');
+            return;
+        }
+        const messageId = uuidv4().replaceAll('-', '');
+        const stopMessage = {
+            header: {
+                namespace: "FlowingSpeechSynthesizer",
+                name: "StopSynthesis",
+                task_id: this.taskId,
+                message_id: messageId,
+            }
+        }
+        this.websocket.send(JSON.stringify(stopMessage));
+    }
+    sendRunSynthesis(text: string) {
+        if (!this.websocket || this.websocket.readyState !== WebSocket.OPEN) {
+            console.warn('WebSocket not connected.');
+            return;
+        }
+        this.sentences = text.match(/[^。？！\n]+[。？！]?/g) || [text];
+        this.sendNextSentence();
+    }
+    sendNextSentence() {
+        if (this.sentences.length === 0 || this.isPlaying) return;
+        const sentence = this.sentences.shift();
+        if (!sentence) {
+            this.isSendSentenceEnd = true;
+            return;
+        }
+        // console.log("发送句子:", sentence);
+        const message = {
+            header: {
+                namespace: "FlowingSpeechSynthesizer",
+                name: "RunSynthesis",
+                task_id: this.taskId,
+                message_id: uuidv4().replaceAll('-', ''),
+                appkey: this.appkey
+            },
+            payload: {
+                text: sentence
+            }
+        };
+        // @ts-ignore
+        this.websocket.send(JSON.stringify(message));
+        this.sendNextSentence();
+    }
+    stop() {
+        if (this.websocket && this.websocket.readyState === WebSocket.OPEN) {
+            const endMessage = {
+                header: {
+                    namespace: "FlowingSpeechSynthesizer",
+                    name: "StopSynthesis",
+                    task_id: this.taskId,
+                    message_id: uuidv4().replaceAll('-', ''),
+                    appkey: this.appkey
+                },
+                payload: {}
+            };
+            this.websocket.send(JSON.stringify(endMessage));
+        }
+        if (this.onComplete){
+            this.onComplete();
+        }
+        this.pcmAudioPlayer?.stop();
+        this.disconnect();
+    }
+    private handleMessage(event: MessageEvent) {
+        try {
+            const data = event.data;
+            if (typeof data === 'string') {
+                const message = JSON.parse(data);
+                const namespace = message.header?.namespace;
+                const name = message.header?.name;
+                // console.log("收到消息:", message);
+                // console.log("消息类型:", namespace, name);
+                switch (`${namespace}.${name}`) {
+                    case "FlowingSpeechSynthesizer.SynthesisStarted":
+                        console.log("语音合成开始");
+                        if (this.onReady) this.onReady();
+                        break;
+                    case "FlowingSpeechSynthesizer.SentenceEnd":
+                        if (this.isSendSentenceEnd){
+                        }
+                        break;
+                    case "Default.TaskFailed":
+                        console.error("任务失败:", message.header.status_text);
+                        if (this.onError) {
+                            this.onError(message.header.status_text);
+                        }
+                        this.disconnect();
+                        break;
+                }
+            } else if (data instanceof Blob || data instanceof ArrayBuffer) {
+                // 处理音频数据
+                console.log('收到音频数据:', data);
+                this.pcmAudioPlayer?.pushPCM(data);
+            }
+        } catch (e) {
+            console.error("解析消息失败:", e);
+        }
+    }
+    private handleError(error: Event) {
+        console.error("WebSocket 错误:", error);
+        if (this.onError) {
+            this.onError(error);
+        }
+        this.disconnect();
+    }
+    private handleClose() {
+        console.log("WebSocket 已断开");
+        this.isPlaying = false;
+    }
+}

package/src/YtChatView/chatWidget/chatWindow/audioPlayer/PCMAudioPlayer.js ADDED Viewed

@@ -0,0 +1,101 @@
+class PCMAudioPlayer {
+    constructor(sampleRate) {
+        this.sampleRate = sampleRate;
+        this.audioContext = null;
+        this.audioQueue = [];
+        this.isPlaying = false;
+        this.currentSource = null;
+        const bufferThreshold = 2;
+        this.onQueueEnd = null;
+    }
+    connect() {
+        if (!this.audioContext) {
+            this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
+        }
+    }
+    pushPCM(arrayBuffer) {
+        this.audioQueue.push(arrayBuffer);
+        this._playNextAudio();
+    }
+    /**
+     * 将arrayBuffer转为audioBuffer
+     */
+    _bufferPCMData(pcmData) {
+        const sampleRate = this.sampleRate; // 设置为 PCM 数据的采样率
+        const length = pcmData.byteLength / 2; // 假设 PCM 数据为 16 位，需除以 2
+        const audioBuffer = this.audioContext.createBuffer(1, length, sampleRate);
+        const channelData = audioBuffer.getChannelData(0);
+        const int16Array = new Int16Array(pcmData); // 将 PCM 数据转换为 Int16Array
+        for (let i = 0; i < length; i++) {
+            // 将 16 位 PCM 转换为浮点数 (-1.0 到 1.0)
+            channelData[i] = int16Array[i] / 32768; // 16 位数据转换范围
+        }
+        let audioLength = length/sampleRate*1000;
+        console.log(`prepare audio: ${length} samples, ${audioLength} ms`)
+        return audioBuffer;
+    }
+    async _playAudio(arrayBuffer) {
+        if (this.audioContext.state === 'suspended') {
+            await this.audioContext.resume();
+        }
+        const audioBuffer = this._bufferPCMData(arrayBuffer);
+        this.currentSource = this.audioContext.createBufferSource();
+        this.currentSource.buffer = audioBuffer;
+        this.currentSource.connect(this.audioContext.destination);
+        this.currentSource.onended = () => {
+            console.log('Audio playback ended.');
+            this.isPlaying = false;
+            this.currentSource = null;
+            this._playNextAudio(); // Play the next audio in the queue
+        };
+        this.currentSource.start();
+        this.isPlaying = true;
+    }
+    _playNextAudio() {
+        if (this.audioQueue.length > 0 && !this.isPlaying) {
+            // 计算总的字节长度
+            const totalLength = this.audioQueue.reduce((acc, buffer) => acc + buffer.byteLength, 0);
+            const combinedBuffer = new Uint8Array(totalLength);
+            let offset = 0;
+            // 将所有 audioQueue 中的 buffer 拼接到一个新的 Uint8Array 中
+            for (const buffer of this.audioQueue) {
+                combinedBuffer.set(new Uint8Array(buffer), offset);
+                offset += buffer.byteLength;
+            }
+            // 清空 audioQueue，因为我们已经拼接完所有数据
+            this.audioQueue = [];
+            // 发送拼接的 audio 数据给 playAudio
+            this._playAudio(combinedBuffer.buffer);
+        }else if (!this.isPlaying && this.audioQueue.length === 0) {
+            // 所有音频播放完毕，触发 onQueueEnd
+            console.log("音频队列已全部播放完毕");
+            if (typeof this.onQueueEnd === 'function') {
+                this.onQueueEnd();
+            }
+        }
+    }
+    stop() {
+        if (this.currentSource) {
+            this.currentSource.stop(); // 停止当前音频播放
+            this.currentSource = null; // 清除音频源引用
+            this.isPlaying = false; // 更新播放状态
+        }
+        this.audioQueue = []; // 清空音频队列
+        console.log('Playback stopped and queue cleared.');
+    }
+}
+export default PCMAudioPlayer;

package/src/YtChatView/chatWidget/chatWindow/audioRecorder/index.tsx ADDED Viewed

@@ -0,0 +1,237 @@
+// @ts-ignore
+import { v4 as uuidv4 } from 'uuid';
+export class AudioRecorder {
+    // 状态与资源
+    websocket: WebSocket | null;
+    audioContext: AudioContext | null;
+    scriptProcessor: ScriptProcessorNode | null;
+    audioInput: MediaStreamAudioSourceNode | null;
+    audioStream: MediaStream | null;
+    recordingTimeout: any = null;
+    timeoutSeconds: number = 60;
+    appkey: string;
+    token: string;
+    onTextUpdate: ((text: string) => void) | null = null;
+    onRecordError: ((error: any) => void) | null = null;
+    onRecordTimeout: (() => void) | null = null;
+    // 缓存识别结果
+    transcriptionCache: {
+        [taskId: string]: {
+            [index: number]: {
+                result: string;
+                final: boolean;
+            };
+        };
+    } = {};
+    finalResults: string[] = [];
+    constructor(timeoutSeconds: number) {
+        this.websocket = null;
+        this.audioContext = null;
+        this.scriptProcessor = null;
+        this.audioInput = null;
+        this.audioStream = null;
+        if (timeoutSeconds){
+            this.timeoutSeconds = timeoutSeconds;
+        }
+        this.appkey = 'DhyCL7mwzachpGjL';
+        this.token = 'e3e3d121a15f41b198117a35ad1f33de';
+        this.bindEventHandlers();
+        console.log('AudioRecorder init')
+    }
+    bindEventHandlers() {
+        // 绑定 this 到所有回调函数中
+        this.connectWebSocket = this.connectWebSocket.bind(this);
+        this.disconnectWebSocket = this.disconnectWebSocket.bind(this);
+        this.onOpen = this.onOpen.bind(this);
+        this.openRecorder = this.openRecorder.bind(this);
+        this.onMessage = this.onMessage.bind(this);
+        this.onError = this.onError.bind(this);
+        this.onClose = this.onClose.bind(this);
+    }
+    connectWebSocket() {
+        const socketUrl = `wss://nls-gateway-cn-shanghai.aliyuncs.com/ws/v1?token=${this.token}`;
+        this.websocket = new WebSocket(socketUrl);
+        // 移除旧事件监听器
+        this.cleanupWebSocketListeners();
+        this.websocket.onopen = this.onOpen;
+        this.websocket.onmessage = this.onMessage;
+        // @ts-ignore
+        this.websocket.onerror = this.onError;
+        this.websocket.onclose = this.onClose;
+    }
+    cleanupWebSocketListeners() {
+        if (this.websocket) {
+            this.websocket.onopen = null;
+            this.websocket.onmessage = null;
+            this.websocket.onerror = null;
+            this.websocket.onclose = null;
+        }
+    }
+    onOpen() {
+        console.log({message: '连接到 WebSocket 服务器'});
+        this.openRecorder().then(r => {
+            const startTranscriptionMessage = {
+                header: {
+                    appkey: this.appkey,
+                    namespace: "SpeechTranscriber",
+                    name: "StartTranscription",
+                    task_id: uuidv4().replaceAll('-', ''),
+                    message_id: uuidv4().replaceAll('-', '')
+                },
+                payload: {
+                    format: "pcm",
+                    sample_rate: 16000,
+                    enable_intermediate_result: true,
+                    enable_punctuation_prediction: true,
+                    enable_inverse_text_normalization: true
+                }
+            };
+            // @ts-ignore
+            this.websocket.send(JSON.stringify(startTranscriptionMessage));
+        });
+    }
+    onMessage(event: { data: string; }) {
+        console.log({message: '服务端: ' + event.data});
+        try {
+            const message = JSON.parse(event.data);
+            const taskId = message.header?.task_id;
+            const index = message.payload?.index;
+            const name = message.header?.name;
+            const result = message.payload?.result;
+            if (!taskId || index === undefined || !result) return;
+            // 初始化缓存
+            if (!this.transcriptionCache[taskId]) {
+                this.transcriptionCache[taskId] = {};
+            }
+            // 缓存当前识别结果
+            this.transcriptionCache[taskId][index] = {
+                result,
+                final: name === "SentenceEnd"
+            };
+            // 如果是最终结果，则合并所有已排序的句子
+            if (message.header?.name === "SentenceEnd" || message.header?.name === "TranscriptionResultChanged") {
+                const sentences = Object.keys(this.transcriptionCache[taskId])
+                    .map(Number)
+                    .sort((a, b) => a - b)
+                    .map(i => this.transcriptionCache[taskId][i].result);
+                const fullText = sentences.join(" ");
+                this.finalResults.push(fullText);
+                // 调用回调函数通知外部更新 UI
+                if (this.onTextUpdate) {
+                    this.onTextUpdate(fullText);
+                }
+            }
+        } catch (e) {
+            console.log({message: '解析消息失败: ' + e});
+        }
+    }
+    onError(event: string) {
+        console.log('WebSocket 错误: ' + event);
+    }
+    onClose() {
+        console.log('与 WebSocket 服务器断开');
+    }
+    disconnectWebSocket() {
+        if (this.websocket) {
+            this.websocket.close();
+        }
+    }
+    async openRecorder() {
+        try {
+            this.audioStream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            this.audioContext = new (window.AudioContext || (window as any).webkitAudioContext)({
+                sampleRate: 16000
+            });
+            this.audioInput = this.audioContext.createMediaStreamSource(this.audioStream);
+            this.scriptProcessor = this.audioContext.createScriptProcessor(2048, 1, 1);
+            this.scriptProcessor.onaudioprocess = (event) => {
+                const inputData = event.inputBuffer.getChannelData(0);
+                const inputData16 = new Int16Array(inputData.length);
+                for (let i = 0; i < inputData.length; ++i) {
+                    inputData16[i] = Math.max(-1, Math.min(1, inputData[i])) * 0x7FFF; // PCM 16-bit
+                }
+                if (this.websocket && this.websocket.readyState === WebSocket.OPEN) {
+                    this.websocket.send(inputData16.buffer);
+                    console.log('发送音频数据块');
+                }
+            };
+            this.audioInput.connect(this.scriptProcessor);
+            this.scriptProcessor.connect(this.audioContext.destination);
+        } catch (e) {
+            console.log('录音失败: ' + e);
+            if (this.onRecordError){
+                this.onRecordError(e);
+            }
+        }
+    }
+    async startRecorder() {
+        this.connectWebSocket();
+        // 设置 60 秒超时自动停止
+        this.recordingTimeout = setTimeout(() => {
+            console.log('录音已达 60 秒，自动停止');
+            this.stopRecorder();
+            if (this.onRecordTimeout){
+                this.onRecordTimeout();
+            }
+        }, this.timeoutSeconds * 1000);
+    }
+    stopRecorder() {
+        if (this.recordingTimeout) {
+            clearTimeout(this.recordingTimeout);
+            this.recordingTimeout = null;
+        }
+        if (this.scriptProcessor) {
+            this.scriptProcessor.disconnect();
+            this.scriptProcessor = null;
+        }
+        if (this.audioInput) {
+            this.audioInput.disconnect();
+            this.audioInput = null;
+        }
+        if (this.audioStream) {
+            this.audioStream.getTracks().forEach(track => track.stop());
+            this.audioStream = null;
+        }
+        if (this.audioContext) {
+            this.audioContext.close()?.then(r => {});
+            this.audioContext = null;
+        }
+    }
+}

package/src/YtChatView/chatWidget/chatWindow/callInterface/index.tsx CHANGED Viewed

@@ -420,7 +420,7 @@ const CallInterface: React.FC<CallInterfaceProps> = ({
           // msgIdRef.current = null
           if (message.textResponse && addMessage) {
             // 流式插入消息到聊天记录
-            // console.log(message.textResponse)
+            console.log(message.textResponse)
             // handleMessageContent('token',{
             //   chunk: message.textResponse,
             //   name:'agent',