Hass/xiaozhi-esp32-server
1
0
Fork 0
mirror of https://github.com/xinnan-tech/xiaozhi-esp32-server.git synced 2026-07-30 16:53:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix：移除拨号按钮防抖，点击拨号后禁用按钮3秒

Browse Source
This commit is contained in:
rainv123
2026-02-05 16:32:05 +08:00
parent 32aea32e2c
commit fae6db2198
1 changed files with 32 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main/xiaozhi-server/test/js/ui/controller.js
+12 -7
View File
@@ -13,6 +13,7 @@ class UIController {
this.audioStatsTimer = null; this.audioStatsTimer = null;
this.currentBackgroundIndex = localStorage.getItem('backgroundIndex') ? parseInt(localStorage.getItem('backgroundIndex')) : 0; this.currentBackgroundIndex = localStorage.getItem('backgroundIndex') ? parseInt(localStorage.getItem('backgroundIndex')) : 0;
this.backgroundImages = ['1.png', '2.png', '3.png']; this.backgroundImages = ['1.png', '2.png', '3.png'];
this.dialBtnDisabled = false;
// Bind methods // Bind methods
this.init = this.init.bind(this); this.init = this.init.bind(this);
@@ -99,14 +100,15 @@ class UIController {
// Dial button // Dial button
const dialBtn = document.getElementById('dialBtn'); const dialBtn = document.getElementById('dialBtn');
let dialTimer = null;
if (dialBtn) { if (dialBtn) {
dialBtn.addEventListener('click', () => { dialBtn.addEventListener('click', () => {
if (dialTimer) { dialBtn.disabled = true;
clearTimeout(dialTimer); this.dialBtnDisabled = true;
dialTimer = null; setTimeout(() => {
} dialBtn.disabled = false;
dialTimer = setTimeout(() => { this.dialBtnDisabled = false;
}, 3000);
const wsHandler = getWebSocketHandler(); const wsHandler = getWebSocketHandler();
const isConnected = wsHandler.isConnected(); const isConnected = wsHandler.isConnected();
@@ -128,7 +130,6 @@ class UIController {
// Start connection process // Start connection process
this.handleConnect(); this.handleConnect();
} }
}, 300);
}); });
} }
@@ -618,7 +619,9 @@ class UIController {
// Update dial button state // Update dial button state
const dialBtn = document.getElementById('dialBtn'); const dialBtn = document.getElementById('dialBtn');
if (dialBtn) { if (dialBtn) {
if (!this.dialBtnDisabled) {
dialBtn.disabled = false; dialBtn.disabled = false;
}
dialBtn.querySelector('.btn-text').textContent = '挂断'; dialBtn.querySelector('.btn-text').textContent = '挂断';
dialBtn.classList.add('dial-active'); dialBtn.classList.add('dial-active');
} }
@@ -644,7 +647,9 @@ class UIController {
// Restore dial button state // Restore dial button state
const dialBtn = document.getElementById('dialBtn'); const dialBtn = document.getElementById('dialBtn');
if (dialBtn) { if (dialBtn) {
if (!this.dialBtnDisabled) {
dialBtn.disabled = false; dialBtn.disabled = false;
}
dialBtn.querySelector('.btn-text').textContent = '拨号'; dialBtn.querySelector('.btn-text').textContent = '拨号';
dialBtn.classList.remove('dial-active'); dialBtn.classList.remove('dial-active');
console.log('Dial button state restored successfully'); console.log('Dial button state restored successfully');