你如何制作相机 HTML 的背景？ [关闭]

【问题标题】：How do you make camera HTML's background? [closed]你如何制作相机 HTML 的背景？ [关闭]
【发布时间】：2017-08-01 10:03:50
【问题描述】：

问题是，我用的是Wikitude框架，但是很多东西不兼容，我只用建筑师界的Wikitude，所以想知道如何实现这个效果，就是HTML背景设置为camera ,希望得到你的帮助这是我要实现的背景效果 SOSenter image description here

我想要达到的效果和图片一样。我想在调用摄像头的时候在摄像头上做点什么，比如添加overlay

我想实现下图的效果，但是在移动端，是后置摄像头enter image description here

【问题讨论】：

【解决方案1】：

您不能将相机作为背景（css 背景）。访问相机 API 后，您将获得一个 HTML 视频元素，您必须将其设置为看起来像背景的样式。

video {
  width:100vw;
  height:100vh;
  object-fit:cover;
  z-index:-1;
  position:absolute;
}

用户还需要授予打开相机的权限。

我已经创建了一支笔here

【讨论】：