Merge pull request #1377 from xinnan-tech/py_test_page.html_fix

Py test page.html fix
2026-07-22 07:03:53 +08:00 · 2025-05-26 15:43:12 +08:00
parent 3f3f3fdaa6 9a0240ef3e
commit b8e57aeff4
2 changed files with 32 additions and 15 deletions
@@ -467,7 +467,7 @@ export default {
 .main-wrapper {
  margin: 5px 22px;
  border-radius: 15px;
-  min-height: calc(100vh - 24vh);
+  min-height: calc(100vh - 26vh);
  height: auto;
  max-height: 80vh;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
@@ -14,7 +14,7 @@
        }

        .container {
-            max-width: 800px;
+            max-width: 1000px;
            margin: 0 auto;
            background-color: white;
            border-radius: 10px;
@@ -482,9 +482,10 @@
                </span>
            </h2>
            <div class="connection-controls">
-                <input type="text" id="otaUrl" value="http://127.0.0.1:8002/xiaozhi/ota/" placeholder="OTA服务器地址" />
+                <input type="text" id="otaUrl" value="http://127.0.0.1:8002/xiaozhi/ota/"
+                    placeholder="OTA服务器地址，如：http://127.0.0.1:8002/xiaozhi/ota/" />
                <input type="text" id="serverUrl" value="ws://127.0.0.1:8000/xiaozhi/v1/"
-                    placeholder="WebSocket服务器地址" />
+                    placeholder="WebSocket服务器地址，如：ws://127.0.0.1:8000/xiaozhi/v1/" />
                <button id="connectButton">连接</button>
                <button id="authTestButton">测试认证</button>
            </div>
@@ -879,6 +880,7 @@
                                        // 流已结束且没有更多数据
                                        log("音频播放完成", 'info');
                                        isAudioPlaying = false;
+                                        this.endOfStream = false;
                                        streamingContext = null;
                                    } else {
                                        // 等待更多数据
@@ -1061,7 +1063,7 @@
            }
        }

-        // 初始化音频录制和处理 
+        // 初始化音频录制和处理
        async function initAudio() {
            try {
                // 请求麦克风权限
@@ -1306,7 +1308,8 @@
                // 先检查OTA状态
                log('正在检查OTA状态...', 'info');
                const otaUrl = document.getElementById('otaUrl').value.trim();
-
+                localStorage.setItem('otaUrl', otaUrl);
+                localStorage.setItem('wsUrl', url);
                try {
                    const otaResponse = await fetch(otaUrl, {
                        method: 'POST',
@@ -1563,6 +1566,10 @@
            const message = messageInput.value.trim();
            if (message === '' || !websocket || websocket.readyState !== WebSocket.OPEN) return;

+            audioBufferQueue = [];
+            isAudioBuffering = false;
+            isAudioPlaying = false;
+
            try {
                // 直接发送listen消息，不需要重复发送hello
                const listenMessage = {
@@ -1633,6 +1640,16 @@
            // 初始更新显示值
            updateDisplayValues();

+            const savedOtaUrl = localStorage.getItem('otaUrl');
+            if (savedOtaUrl) {
+                document.getElementById('otaUrl').value = savedOtaUrl;
+            }
+
+            const savedWsUrl = localStorage.getItem('wsUrl');
+            if (savedWsUrl) {
+                document.getElementById('serverUrl').value = savedWsUrl;
+            }
+
            // 切换面板显示
            toggleButton.addEventListener('click', () => {
                const isExpanded = configPanel.classList.contains('expanded');
@@ -1954,7 +1971,7 @@
                    this.buffer = new Int16Array(this.frameSize);
                    this.bufferIndex = 0;
                    this.isRecording = false;
-                    
+
                    // 监听来自主线程的消息
                    this.port.onmessage = (event) => {
                        if (event.data.command === 'start') {
@@ -1962,7 +1979,7 @@
                            this.port.postMessage({ type: 'status', status: 'started' });
                        } else if (event.data.command === 'stop') {
                            this.isRecording = false;
-                            
+
                            // 发送剩余的缓冲区
                            if (this.bufferIndex > 0) {
                                const finalBuffer = this.buffer.slice(0, this.bufferIndex);
@@ -1972,18 +1989,18 @@
                                });
                                this.bufferIndex = 0;
                            }
-                            
+
                            this.port.postMessage({ type: 'status', status: 'stopped' });
                        }
                    };
                }
-                
+
                process(inputs, outputs, parameters) {
                    if (!this.isRecording) return true;
-                    
+
                    const input = inputs[0][0]; // 获取第一个输入通道
                    if (!input) return true;
-                    
+
                    // 将浮点采样转换为16位整数并存储
                    for (let i = 0; i < input.length; i++) {
                        if (this.bufferIndex >= this.frameSize) {
@@ -1994,15 +2011,15 @@
                            });
                            this.bufferIndex = 0;
                        }
-                        
+
                        // 转换为16位整数 (-32768到32767)
                        this.buffer[this.bufferIndex++] = Math.max(-32768, Math.min(32767, Math.floor(input[i] * 32767)));
                    }
-                    
+
                    return true;
                }
            }
-            
+
            registerProcessor('audio-recorder-processor', AudioRecorderProcessor);
        `;