使用navigator.mediaDevices.getUserMedia时相机无法对焦的问题求助

我现在快没思路了，一直在尝试通过动态调用navigator.mediaDevices.getUserMedia来选择微距相机，或者至少让相机能正常对焦。我正在做一个EAN条形码阅读器，但把条形码凑近相机的时候，完全没法对焦。

我的代码如下：

async function startCamera() {
    try {
        if (videoStream) {
            videoStream.getTracks().forEach(track => track.stop());
        }

        videoStream = await navigator.mediaDevices.getUserMedia({
            video: {
                facingMode: {exact: "environment"},
                focusMode: {ideal: "continuous"}
            }
        });

        const $videoElement = $("#camera-feed");
        $videoElement[0].srcObject = videoStream;

        $videoElement.on("loadedmetadata", function () {
            this.play();
            $(".scanning-line").fadeIn(300).addClass("scan-active");
            $videoElement.css({ opacity: 1, transform: "scale(1)" }).fadeIn();
            startScanner();
        });

    } catch (err) {
        $(".scanning-line").fadeOut(300);
    }
}

我试过找AI帮忙，但它给的点子大多我都试过了，没一个管用的。

备注：内容来源于stack exchange，提问作者Dexx