mergeok

Html/apps/static/js/chatbox.js

@@ -12,8 +12,10 @@ document.addEventListener('DOMContentLoaded', function () {
     });
     socket.on('connect', function () {
         console.log('Connected to server');
-        socket.emit('login', JSON.stringify(data));
-        OpenIframe();
+        socket.emit('login',JSON.stringify(data));
+    });
+    socket.on('open-iframe', function(data) {
+        OpenIframe();        
     });
     // 监听来自服务器的消息
     socket.on('message', function (data) {
@@ -24,29 +26,18 @@ document.addEventListener('DOMContentLoaded', function () {
         // 滚动到最新消息
         document.getElementById('chatbox').scrollTop = document.getElementById('chatbox').scrollHeight;
     });
-
-    //监听来自服务器的消息
-    /*socket.on('VoiceMessage', function(data) {
-        console.log("Received voice answer message:", data);
+    socket.on('message-hint', function(data){
+        console.log('get message-hint');
+        
         // 显示服务器的回复消息
-        const VoiceMessage = document.createElement('div');
-        VoiceMessage.className = 'chat-message server-message';
-        VoiceMessage.innerHTML = `
-            <div><b>华实君:</b></div>
-            ${marked.parse(data)}
-        `;
-        //插入与滚动
-        document.getElementById('chatbox').appendChild(VoiceMessage);
+        
+        const serverMessage = document.createElement('div');
+        serverMessage.innerHTML = `<div id="hint-title"><b>提示</b></div><div id="hint-message"  class="chat-message server-message"> ${data}</div>`;
+        document.getElementById('chatbox').appendChild(serverMessage);
+        // 滚动到最新消息
         document.getElementById('chatbox').scrollTop = document.getElementById('chatbox').scrollHeight;
-    });*/
-    //监听来自服务器的语音识别消息
-    socket.on('VoiceMessage', function (data) {
-        console.log("Received voice message I sent from server:", data);
-        //将语音转文字显示在输入框中
-        document.getElementById('messageInput').value = data;
     });
-
-    socket.on('request_function', function (data) {
+    socket.on('request_function', function(data){
         try {
             console.log("request_function", data);
             if (typeof data === 'string') {