javascript - Webcodecamjs-二维码扫描库在Safari浏览器中不工作

Question

我想要一个移动页面来扫描二维码并显示它的内容。这是页面: https://ndvibes.com/demo/TicketSystem/check (index.html)

非常奇怪，它可以在 Firefox (Linux) 上运行，但不能在 Safari (iOS 11.4/iPhone 6) 上运行。

我认为我使用的库不支持 Safari，或者 Safari 受限它是出于安全原因，但是 demo的 library在 iPhone 上工作得很好!

所以它似乎支持 Safari，而且它不会阻止它，因为它在演示中工作......

我不知道如何解决这个问题。Safari 请求访问摄像头的权限，获得授权后，它只是不显示摄像头内容。我还检查了 Safari 的设置，但没有看到任何可能阻止网络摄像头视频显示的禁用。

编辑:这段代码在安卓上好像也不行，很奇怪，demo在桌面和移动端都可以，我自己的代码在桌面也可以，但是不行在手机上...

Answer 1

要在 Apple 设备上使用，您必须确保:

1-您必须使用 https，因为 http 协议(protocol)不起作用。

2-您必须使用 Safari，因为在 Apple 中，其他浏览器无权访问某些 javascript 内容。

3- 必须使用某个版本才能同时使用两个摄像头。

---

问题:我认为我使用的库不支持 Safari，或者 Safari 出于安全原因对其进行了限制，但是该库的演示在 iPhone 上运行得很好!

---

原因:我已经完成了 your webcodecamjs.js并与 demo webcodecamjs.js 相比.我发现这些文件中存在一些差异。可能是从 git 中获取的库代码与实际演示库代码不同。

解决方案:只需替换 your webcodecamjs.js与 demo webcodecamjs.js它应该有效。

---

编辑

注意:您必须通过事件触发器启动相机，因为 Safari 不允许自动播放。