javascript - iOS 11.3 通过 getUserMedia 和黑屏访问相机

Question

现在 iOS 11.3 已经发布了 Safari 的更新版本。

是否有人能够成功使用 getUserMedia API 将相机输出显示到 Canvas 上？

例如，我们都打开了

https://simpl.info/getusermedia/

和

https://webrtc.github.io/samples/src/content/getusermedia/canvas/

在 Safari 中，它们都要求访问相机 - 但是，它们都只呈现黑色方 block

例如

Answer 1

将 playsinline 属性添加到相关的 <video> 标记应该可以解决问题:

var video = document.getElementById("video-element");    
video.setAttribute("playsinline", true);

我还发现这个错误很难复制。从上面的评论来看，我不确定这仅仅是由于 iOS 版本的变化。此外，我找不到有关该主题的任何官方文档。

尽管如此，这里有一些相关的阅读 Material :

见 this issue on GitHub

还有这个 StackOverflow 问题: iOS 11 getUserMedia not working?

编辑: 我在上面提到的 GitHub 问题中提到了 WebKit BugZilla thread，这似乎是最接近可用的“官方文档”的东西。