0Ry5/n39librarian
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity

merge-always-use-environment-camera #11

Merged
0Ry5 merged 1 commit from always-use-environment-camera into main 2024-09-13 22:24:52 +02:00
Conversation 1 Commits 1 Files changed 1 +13 -3
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 46198913b1 - Show all commits

16
frontend/src/shared/utils/useScanner.ts
View file

@ -103,15 +103,25 @@ export const useScanner = ({
}; };
const getCameraId = useCallback(async () => { const getCameraId = useCallback(async () => {
await navigator.mediaDevices.getUserMedia({ const stream = await navigator.mediaDevices.getUserMedia({
video: true, video: { facingMode: "environment" },
}); });
if (
stream &&
stream.getVideoTracks().length &&
stream.getVideoTracks()[0].getSettings().deviceId
) {
return stream.getVideoTracks()[0].getSettings().deviceId;
}
const devices = await navigator.mediaDevices const devices = await navigator.mediaDevices
.enumerateDevices() .enumerateDevices()
.then((ds) => ds.filter((d) => d.kind === "videoinput")); .then((ds) => ds.filter((d) => d.kind === "videoinput"));
const back = devices.filter((d) => d.label === "Back Camera")[0]; const back = devices.filter((d) =>
d.label.toLowerCase().includes("back")
)[0];
return !back ? devices[0].deviceId : back.deviceId; return !back ? devices[0].deviceId : back.deviceId;
}, []); }, []);