update: 新增聊天输入框

main/xiaozhi-server/test/js/ui/controller.js

@@ -133,6 +133,21 @@ class UIController {
             });
         }
 
+        // 消息输入框事件
+        const chatIpt = document.getElementById('chatIpt');
+        if (chatIpt) {
+            const wsHandler = getWebSocketHandler();
+            chatIpt.addEventListener('keydown', (e) => {
+                if (e.key === 'Enter') {
+                    if (e.target.value) {
+                        wsHandler.sendTextMessage(e.target.value);
+                        e.target.value = '';
+                        return;
+                    }
+                }
+            });
+        }
+
         // 关闭按钮
         const closeButtons = document.querySelectorAll('.close-btn');
         closeButtons.forEach(btn => {
@@ -247,7 +262,7 @@ class UIController {
         const recordBtn = document.getElementById('recordBtn');
         if (recordBtn) {
             if (isRecording) {
-                recordBtn.querySelector('.btn-text').textContent = `录音中 ${seconds.toFixed(1)}秒`;
+                recordBtn.querySelector('.btn-text').textContent = `录音中`;
                 recordBtn.classList.add('recording');
             } else {
                 recordBtn.querySelector('.btn-text').textContent = '录音';
@@ -379,6 +394,11 @@ class UIController {
         // 显示连接中消息
         this.addChatMessage('正在连接服务器...', false);
 
+        const chatIpt = document.getElementById('chatIpt');
+        if (chatIpt) {
+            chatIpt.style.display = 'flex';
+        }
+
         try {
             // 获取配置信息
             const config = getConfig();

main/xiaozhi-server/test/js/ui/dom-helper.js

@@ -1,16 +1,3 @@
-// DOM元素
-const connectButton = document.getElementById('connectButton');
-const serverUrlInput = document.getElementById('serverUrl');
-const connectionStatus = document.getElementById('connectionStatus');
-const messageInput = document.getElementById('messageInput');
-const sendTextButton = document.getElementById('sendTextButton');
-const recordButton = document.getElementById('recordButton');
-const stopButton = document.getElementById('stopButton');
-// 会话记录
-const conversationDiv = document.getElementById('conversation');
-const logContainer = document.getElementById('logContainer');
-let visualizerCanvas = document.getElementById('audioVisualizer');
-
 // ota 是否连接成功，修改成对应的样式
 export function otaStatusStyle(flan) {
     const otaStatusElement = document.getElementById('otaStatus');
@@ -25,11 +12,6 @@ export function otaStatusStyle(flan) {
     }
 }
 
-// ota 是否连接成功，修改成对应的样式
-export function getLogContainer(flan) {
-    return logContainer;
-}
-
 // 更新Opus库状态显示
 export function updateScriptStatus(message, type) {
     const statusElement = document.getElementById('scriptStatus');
@@ -41,12 +23,3 @@ export function updateScriptStatus(message, type) {
     }
 }
 
-// 添加消息到会话记录
-export function addMessage(text, isUser = false) {
-    const messageDiv = document.createElement('div');
-    messageDiv.className = `message ${isUser ? 'user' : 'server'}`;
-    messageDiv.textContent = text;
-    conversationDiv.appendChild(messageDiv);
-    conversationDiv.scrollTop = conversationDiv.scrollHeight;
-}
-