update

mtwmt · Oct 7, 2024 · b037c7d · b037c7d
1 parent dbe1bd2
commit b037c7d
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 12 deletions.
diff --git a/src/app/isbn/isbn.component.html b/src/app/isbn/isbn.component.html
@@ -5,18 +5,19 @@
   [(ngModel)]="isbn"
   (change)="onScanSuccess($any($event.target).value)"
 />
-<zxing-scanner
-  [formats]="formatsEnabled"
-  (camerasFound)="onCamerasFound($event)"
-  (scanSuccess)="onScanSuccess($event)"
-  (permissionResponse)="onHasPermission($event)"
-  [autostart]="true"
-  [device]="selectedDevice"
-  [videoConstraints]="videoConstraints"
->
-  />
-</zxing-scanner>
-
+<div (click)="triggerManualFocus()">
+  <zxing-scanner
+    [formats]="formatsEnabled"
+    (camerasFound)="onCamerasFound($event)"
+    (scanSuccess)="onScanSuccess($event)"
+    (permissionResponse)="onHasPermission($event)"
+    [autostart]="true"
+    [device]="selectedDevice"
+    [videoConstraints]="videoConstraints"
+  >
+    />
+  </zxing-scanner>
+</div>
 <div *ngIf="isbn">
   <p>掃描到的 ISBN: {{ isbn }}</p>
 </div>

diff --git a/src/app/isbn/isbn.component.ts b/src/app/isbn/isbn.component.ts
@@ -38,6 +38,14 @@ export class IsbnComponent implements OnInit {
     });
   }
 
+  triggerManualFocus() {
+    // 重新啟用相機或觸發新的對焦
+    this.videoConstraints = {
+      ...this.videoConstraints,
+      focusMode: 'manual', // 試圖手動觸發
+    };
+  }
+
   onCamerasFound(devices: MediaDeviceInfo[]): void {
     this.availableDevices = devices;
     this.hasDevices = Boolean(devices && devices.length);