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 - 在 Cache API 中,使用 caches.match(event.request) 和 caches.match(event.request.url) 有什么区别

service-worker - 服务 worker : pitfalls of self. skipWaiting() 和 self.clients.claim()

javascript - 处理 native 取消 getUserMedia 屏幕共享的正确方法是什么?

javascript - mediaDevices.getUserMedia 不适用于 iOs 11 中的 Safari 11(视频为黑色)

javascript - jquery:在选择更改时按名称调用函数

javascript - 将 .Net LINQ 查询转换为 Angular 2 TypeScript/JavaScript

javascript - 克隆的方法在哪里

javascript:关于构造函数**new**关键字的问题

javascript - 如何将 PWA 重定向到新服务器