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

问题描述

现在iOS 11.3已与更新版本的Safari一起发布。

是否有人能够成功使用getUserMedia API将摄像机输出显示到画布上？

例如，我们同时打开了两个

https://simpl.info/getusermedia/

和

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

在Safari中，它们都要求访问相机-但是，除了黑色方块之外，它们都不会呈现任何内容

例如

推荐答案

将playsinline属性添加到相关的<video>标记应该可以做到这一点：

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

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

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

参见this issue on GitHub

和此StackOverflow问题：iOS 11 getUserMedia not working?

编辑：我在上面提到的GitHub问题中提到了WebKit BugZilla thread，这似乎是目前最接近"官方文档"的东西。

这篇关于通过getUserMedia和黑屏访问iOS 11.3摄像头的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！