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

fix:拨号按钮和摄像头按钮增加防抖机制

Browse Source
This commit is contained in:
rainv123
2026-02-05 15:06:04 +08:00
parent 378d68aba9
commit 041c254ea4
1 changed files with 63 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main/xiaozhi-server/test/js/ui/controller.js
+63 -49
View File
@@ -99,69 +99,83 @@ 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', () => {
const wsHandler = getWebSocketHandler(); if (dialTimer) {
const isConnected = wsHandler.isConnected(); clearTimeout(dialTimer);
dialTimer = null;
if (isConnected) {
wsHandler.disconnect();
this.updateDialButton(false);
this.addChatMessage('Disconnected, see you next time~😊', false);
} else {
// Check if OTA URL is filled
const otaUrlInput = document.getElementById('otaUrl');
if (!otaUrlInput || !otaUrlInput.value.trim()) {
// If OTA URL is not filled, show settings modal and switch to device tab
this.showModal('settingsModal');
this.switchTab('device');
this.addChatMessage('Please fill in OTA server URL', false);
return;
}
// Start connection process
this.handleConnect();
} }
dialTimer = setTimeout(() => {
const wsHandler = getWebSocketHandler();
const isConnected = wsHandler.isConnected();
if (isConnected) {
wsHandler.disconnect();
this.updateDialButton(false);
this.addChatMessage('Disconnected, see you next time~😊', false);
} else {
// Check if OTA URL is filled
const otaUrlInput = document.getElementById('otaUrl');
if (!otaUrlInput || !otaUrlInput.value.trim()) {
// If OTA URL is not filled, show settings modal and switch to device tab
this.showModal('settingsModal');
this.switchTab('device');
this.addChatMessage('Please fill in OTA server URL', false);
return;
}
// Start connection process
this.handleConnect();
}
}, 300);
}); });
} }
// Camera button // Camera button
const cameraBtn = document.getElementById('cameraBtn'); const cameraBtn = document.getElementById('cameraBtn');
let cameraTimer = null;
if (cameraBtn) { if (cameraBtn) {
cameraBtn.addEventListener('click', () => { cameraBtn.addEventListener('click', () => {
const cameraContainer = document.getElementById('cameraContainer'); if (cameraTimer) {
if (!cameraContainer) { clearTimeout(cameraTimer);
log('摄像头容器不存在', 'warning'); cameraTimer = null;
return;
} }
cameraTimer = setTimeout(() => {
const cameraContainer = document.getElementById('cameraContainer');
if (!cameraContainer) {
log('摄像头容器不存在', 'warning');
return;
}
const isActive = cameraContainer.classList.contains('active'); const isActive = cameraContainer.classList.contains('active');
if (isActive) { if (isActive) {
// 关闭摄像头 // 关闭摄像头
if (typeof window.stopCamera === 'function') { if (typeof window.stopCamera === 'function') {
window.stopCamera(); window.stopCamera();
} }
cameraContainer.classList.remove('active'); cameraContainer.classList.remove('active');
cameraBtn.classList.remove('camera-active'); cameraBtn.classList.remove('camera-active');
cameraBtn.querySelector('.btn-text').textContent = '摄像头'; cameraBtn.querySelector('.btn-text').textContent = '摄像头';
log('摄像头已关闭', 'info'); log('摄像头已关闭', 'info');
} else {
// 打开摄像头
if (typeof window.startCamera === 'function') {
window.startCamera().then(success => {
if (success) {
cameraBtn.classList.add('camera-active');
cameraBtn.querySelector('.btn-text').textContent = '关闭';
} else {
this.addChatMessage('⚠️ 摄像头启动失败，请检查浏览器权限', false);
}
}).catch(error => {
log(`启动摄像头异常: ${error.message}`, 'error');
});
} else { } else {
log('startCamera函数未定义', 'warning'); // 打开摄像头
if (typeof window.startCamera === 'function') {
window.startCamera().then(success => {
if (success) {
cameraBtn.classList.add('camera-active');
cameraBtn.querySelector('.btn-text').textContent = '关闭';
} else {
this.addChatMessage('⚠️ 摄像头启动失败，请检查浏览器权限', false);
}
}).catch(error => {
log(`启动摄像头异常: ${error.message}`, 'error');
});
} else {
log('startCamera函数未定义', 'warning');
}
} }
} }, 300);
}); });
} }