视频 mediaDevices.getUserMedia 缩放在 iOS 中不起作用

Question

我正在实现zxing-js来扫描二维码。我的任务是在使用相机时启用变焦。它在 Android 设备上的 Chrome 中运行良好，但当我尝试在 iOS 上使用它时，它不起作用。

下面是我的代码：

navigator.mediaDevices.getUserMedia(environment).then(async mediaStream => {
    document.querySelector('video').srcObject = mediaStream;

    await sleep(1000);

    const track = mediaStream.getVideoTracks()[0];
    const capabilities = track.getCapabilities();
    const settings = track.getSettings();

    const input = document.querySelector('input[type="range"]');

    // Check whether zoom is supported or not.
    if (!('zoom' in capabilities)) {
        return $(log).html('Zoom is not supported by ' + track.label);
    }

    // Map zoom to a slider element.
    input.min = capabilities.zoom.min;
    input.max = capabilities.zoom.max;
    input.step = capabilities.zoom.step;
    input.value = settings.zoom;
    input.oninput = function(event) {
        track.applyConstraints({advanced: [ {zoom: event.target.value} ]});
    }
    input.hidden = false;
});

当我检查正在使用的 iOS 设备内部时capabilities，该zoom属性不在列表中。关于如何解决这个问题有什么想法吗？

Answer 1

自 iOS 17 起现已支持 Zoom。

WebRTC 的改进添加了对...在 MediaTrackCapability 中公开缩放的支持...