在A-帧使用相机作为背景,而显示对象(Use camera as background, while

2019-10-29 07:15发布

我想用摄像机的视频饲料中的帧的背景,而在其覆盖的对象。 我知道这是可能的,但我不知道究竟是如何做到这一点。 所以我在这里寻求帮助!

Answer 1:

您可以通过现场之前添加元素有一个简单的叠加:

<img src='overlay.jpg' />
<a-scene></a-scene>

捣鼓这里 。


下面是关于使用一个摄像头流,我就用它的一个基本版本一个很好的文章:

HTML

<video autoplay></video>
<a-scene></a-scene>

JS

// grab the video element
const video = document.querySelector('video');
// this object needs to be an argument of getUserMedia
const constraints = {
   video: true
};
// when you grab the stream - display it on the <video> element
navigator.mediaDevices.getUserMedia(constraints).
    then((stream) => {video.srcObject = stream});

小提琴这里 。



文章来源: Use camera as background, while display objects in A-frame