【问题标题】: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

【问题讨论】:

    标签: javascript html css web wikitude


    【解决方案1】:

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

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

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

    我已经创建了一支笔here

    【讨论】:

    • 这个效果正是我想要达到的。但是我的项目是一个App,不知道手机摄像头能不能调用。
    • 太好了。我只是想让这件事发生,但我想把它放在我的手机上,而且它是一个后置摄像头。我不知道,好吗?我的朋友向你致以最诚挚的问候
    猜你喜欢
    • 2018-04-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-18
    • 2020-10-18
    • 1970-01-01
    • 2013-06-23
    相关资源
    最近更新 更多