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

fix: 调整切换摄像头位置

Browse Source
This commit is contained in:
lww155
2026-02-11 17:41:52 +08:00
parent 85fab64588
commit fa9809bee1
4 changed files with 37 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main/xiaozhi-server/test/js/app.js
+3
View File
@@ -129,6 +129,7 @@ class App {
const cameraContainer = document.getElementById('cameraContainer');
const cameraVideo = document.getElementById('cameraVideo');
const cameraSwitch = document.getElementById('cameraSwitch');
const cameraSwitchMask = document.getElementById('cameraSwitchMask');
const dialBtn = document.getElementById('dialBtn');
if (!cameraContainer || !cameraVideo) {
@@ -240,6 +241,7 @@ class App {
const originalTransform = currentTransform === 'none' ? 'translate(0px, 0px)' : currentTransform;
cameraContainer.style.setProperty('--original-transform', originalTransform);
cameraContainer.classList.add('flip');
if (cameraSwitchMask) cameraSwitchMask.style.opacity = 0;
this.currentFacingMode = this.currentFacingMode === 'user' ? 'environment' : 'user';
window.stopCamera();
window.startCamera();
@@ -253,6 +255,7 @@ class App {
window.switchCameraTimer = null;
cameraContainer.classList.remove('flip');
cameraContainer.style.removeProperty('--original-transform');
if (cameraSwitchMask) cameraSwitchMask.style.opacity = 1;
}, 500);
}
};
main/xiaozhi-server/test/js/ui/controller.js
+7 -3
View File
@@ -100,9 +100,13 @@ class UIController {
// Camera switch button
const cameraSwitch = document.getElementById('cameraSwitch');
if (cameraSwitch) {
cameraSwitch.addEventListener('click', () => {
window.switchCamera();
const cameraSwitchMask = document.getElementById('cameraSwitchMask');
if (cameraSwitchMask) {
cameraSwitchMask.addEventListener('click', () => {
const isCameraActive = cameraSwitch.classList.contains('active');
if (isCameraActive) {
window.switchCamera();
}
})
}