现在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版本的变化。此外,我无法找到有关该主题的任何官方文档。
尽管如此,这里有一些相关的阅读材料:
而这个StackOverflow问题:iOS 11 getUserMedia not working?
编辑:我在上面引用的GitHub问题中提到了WebKit BugZilla thread,这似乎是最接近“官方文档”的问题。