小编Ray*_*Ray的帖子

iOS13 getUserMedia 不适用于 chrome 和 edge

我和我的朋友正在构建一个需要相机访问权限的应用程序,我们在让相机与 iOS 一起工作时遇到了一些问题(我们使用的是 iOS13):

Safari 在获取相机内容后立即冻结,chrome 和 edge 根本无法访问相机。我们的代码如下:

let windowWidth=window.innerWidth;
let windowHeight=window.innerHeight;

function isMobile() {
    const isAndroid = /Android/i.test(navigator.userAgent);
    const isiOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);
    return isAndroid || isiOS;
}

async function setupCamera() {
    video = document.getElementById('video');
    console.log("a")

    video.setAttribute('autoplay', '');
    video.setAttribute('muted', '');
    video.setAttribute('playsinline', '');

    const stream = await navigator.mediaDevices.getUserMedia({
        'audio': false,
        'video': {
            facingMode: 'user',
            width: mobile ? undefined : windowWidth,
            height: mobile ? undefined : windowHeight
        },
    });
    console.log("b")
    video.srcObject = stream;

    return new Promise((resolve) => {
        video.onloadedmetadata = () …
Run Code Online (Sandbox Code Playgroud)

javascript camera google-chrome ios getusermedia

3
推荐指数
1
解决办法
4020
查看次数

标签 统计

camera ×1

getusermedia ×1

google-chrome ×1

ios ×1

javascript ×1