fix(scanner): select correct camera

VictorWinberg · Aug 18, 2024 · a4498a1 · a4498a1
1 parent 5ee9ce4
commit a4498a1
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/client/src/components/QRScanner.vue b/client/src/components/QRScanner.vue
@@ -64,9 +64,11 @@ export default Vue.extend({
     ...mapMutations("scan", ["stopScan"]),
     ...mapActions("scan", ["handleQR"]),
     async initScanner() {
-      const devices = await navigator.mediaDevices.enumerateDevices();
-      const cameras = devices.filter(device => device.kind === "videoinput");
-      const camera = cameras[cameras.length - 1];
+      await navigator.mediaDevices.getUserMedia({
+        video: { facingMode: "environment" }
+      });
+      const cameras = await navigator.mediaDevices.enumerateDevices();
+      const camera = cameras[0];
       const { qrscan } = this.$refs;
       if (!camera || !qrscan) return;