javascript - iOS 11.3.1 上 PWA 中的 getUserMedia()

标签 javascript progressive-web-apps getusermedia

我正在尝试构建我的网络应用程序的 PWA。我的网络应用程序使用 getUserMedia 让用户拍照。网络应用程序按预期工作。浏览器请求访问相机的权限,如果用户接受,该应用程序将继续运行。现在,我制作了一个 PWA,它可以在摄像头之外使用。用户没有得到允许访问其相机的提示,我认为这是问题所在。有什么方法可以触发摄像头访问:

   let constraints = {
       video: {
           facingMode: "user"
       },
       audio: false
   };

navigator.mediaDevices
    .getUserMedia(constraints)
    .then(function (stream) {
        track = stream.getTracks()[0];
        cameraView.srcObject = stream;
    })
    .catch(function (error) {
        console.error("Oops. Something is broken.", error);
    });

就像在 PWA 中一样?还是这不可能(还)?如果没有,iOS 上的 PWA 是否有任何计划具有此功能?

最佳答案

在您的 manifest.json 文件中,您可能有 "display": "standalone"。如果将其更改为 browser 它应该可以工作。我现在面临同样的问题,似乎 iOS 不允许在 Safari 主视图之外访问 webrtc

关于javascript - iOS 11.3.1 上 PWA 中的 getUserMedia(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50535580/

相关文章:

javascript - Chart.js 2.7.0 Grouped Horizo​​ntal Bar Chart,如何获取工具提示以显示一个条而不是整个组的数据?

javascript - 按顺序加载图像列表

svg - PWA InkCanvas 在 javascript 中将笔画保存为 svg

javascript - js+html5 getUserMedia 与麦克风冲突(android)(手机认为电话调用处于事件状态)

javascript - 按特定顺序遍历表头?

javascript - 如何在内存中创建文件供用户下载,而不是通过服务器?

javascript - 尝试订阅 Firebase Cloud Messaging 主题时出现错误

javascript - 防止安装 PWA

getUserMedia(自拍)在移动设备上全屏

safari - Safari 的 Mediarecorder 支持/pollyfil