iOS 11.3通过getUserMedia和黑屏进行摄像头访问

Posted 2021-04-28

现在ios 11.3已经推出了Safari的更新版本。

有没有人能够成功使用getUserMedia API在画布上显示摄像头输出？

我们打开了两个

https://simpl.info/getusermedia/

和

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

在Safari中，他们都要求访问相机 - 但是，它们都不会渲染任何东西，只有黑色方块

e.g

答案

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

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

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

尽管如此，这里有一些相关的阅读材料：

见this issue on GitHub

而这个StackOverflow问题：iOS 11 getUserMedia not working?

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