yt-chat-components 1.6.3 → 1.6.5

package/package.json

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

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

@@ -24,7 +24,7 @@ export class AudioPlayer {
         // this.token = 'd20cf27fac634fee88d5d54a12cc36a6';
 
         this.appkey = 'DhyCL7mwzachpGjL';
-        this.token = 'e3e3d121a15f41b198117a35ad1f33de';
+        this.token = '980bc0c1a3fe4fa093ae7cbb470c086f';
 
         this.taskId = uuidv4().replaceAll('-', '');
         if (voice){

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

@@ -41,7 +41,7 @@ export class AudioRecorder {
         }
 
         this.appkey = 'DhyCL7mwzachpGjL';
-        this.token = 'e3e3d121a15f41b198117a35ad1f33de';
+        this.token = '980bc0c1a3fe4fa093ae7cbb470c086f';
 
         this.bindEventHandlers();
         console.log('AudioRecorder init')

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

@@ -1,3 +1,4 @@
+// @ts-ignore
 import React, {useEffect, useRef, useState} from 'react';
 import {Avatar, Button, message} from 'antd';
 import './index.module.css';
@@ -63,7 +64,6 @@ const CallInterface: React.FC<CallInterfaceProps> = ({
   const vadProcessorRef = useRef<ScriptProcessorNode | null>(null);
   const audioContextRef = useRef<AudioContext | null>(null);
   const [isSpeakingNow,setIsSpeakingNow] = useState(false);
-  const audioPlayerInstance = new StreamAudioPlayer();
 
   // 添加统一的WebSocket消息发送方法
   const sendWebSocketMessage = (type: string, data: any) => {
@@ -123,13 +123,15 @@ const CallInterface: React.FC<CallInterfaceProps> = ({
   const handleAudioChunkData = async (audioData: string) => {
     try {
       // 添加音频片段到播放器
-      audioPlayerInstance.enqueueAudioChunk(audioData);
+      // @ts-ignore
+      window.audioPlayerInstance.enqueueAudioChunk(audioData);
 
       // 设置状态为“正在回复”
       setWorkStatus('正在回复');
 
       // 开始播放，并在所有音频完成后恢复状态
-      audioPlayerInstance.play(() => {
+      // @ts-ignore
+      window.audioPlayerInstance.play(() => {
         console.log("全部音频播放完成！");
         setWorkStatus('正在聆听');
       });
@@ -316,7 +318,8 @@ const CallInterface: React.FC<CallInterfaceProps> = ({
                         msgId: msgIdRef.current,
                       });
                       // 暂停当前正在播放的内容
-                      audioPlayerInstance.stop()
+                      // @ts-ignore
+                      window.audioPlayerInstance.stop()
                       console.log('发送完毕');
 
                       // 添加用户消息到聊天记录
@@ -398,7 +401,8 @@ const CallInterface: React.FC<CallInterfaceProps> = ({
             console.log("user-audio-text")
             console.log(message.textResponse)
             // 清理当前正在回复的内容
-            audioPlayerInstance.stop()
+            // @ts-ignore
+            window.audioPlayerInstance.stop()
             // 插入语音到聊天记录
             addMessage({
               messageItemList: [
@@ -499,6 +503,8 @@ const CallInterface: React.FC<CallInterfaceProps> = ({
   // 初始化WebRTC连接
   useEffect(() => {
     initWebRTC().then();
+    // @ts-ignore
+    window.audioPlayerInstance = new StreamAudioPlayer();
     // 清理函数
     return clear
   }, []);
@@ -566,7 +572,8 @@ const CallInterface: React.FC<CallInterfaceProps> = ({
       localStreamRef.current.getTracks().forEach(track => track.stop());
     }
     // 关闭音频播放
-    audioPlayerInstance.destroy();
+    // @ts-ignore
+    window.audioPlayerInstance.destroy();
     onHangup();
   };
   

package/src/YtChatView/chatWidget/chatWindow/index.tsx

@@ -1237,7 +1237,7 @@ export default function ChatWindow({
   }
 
   const renderInputArea = () => {
-    if (isShowMobileInputArea) renderInputAreaMobile();
+    if (isShowMobileInputArea) return renderInputAreaMobile();
     let isRender = messages.length === 0
     if (messages.length > 0) {
       const {messageItemList} = messages[messages.length - 1]