你如何制作相机HTML的背景？

Question

问题是，我使用了Wikitude框架，但很多东西都不兼容，我只在建筑师世界中使用Wikitude，所以我想知道如何实现这种效果，这是设置为相机的HTML背景，希望得到你的帮助这是我想要实现SOS的背景效果enter image description here

我想要达到的效果与图片中的效果相同。我打电话给相机时想在相机上做点什么，例如添加叠加

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

Answer 1

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

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

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

我创建了一支笔here