Aframe 和 aframe-ar : display video stream in div instead of fullscreen

Question

我正在使用 aframe-ar 并且需要将视频流显示在与嵌入场景相同的 div 中。

我正在尝试使用默认场景:

<a-scene embedded arjs='sourceType: webcam; debugUIEnabled: false;'>
 <a-marker preset="hiro">
  <a-box position='0 0.5 0' material='color: black;'></a-box>
 </a-marker>
</a-scene>

渲染的框成功嵌入到周围的 div 中，但我的网络摄像头的视频流是全屏的，并位于其他 html 元素后面。

我还尝试明确指定相机，但这没有帮助!

简而言之:我想让视频也嵌入到周围的 div 中。

A-Frame 版本:0.8.0

平台/设备:Chrome/台式机

我怎样才能做到这一点？

Answer 1

ar.js 在整个 body 元素上传播相机源。如果您不想弄乱源代码，您可以将其包含在 iframe 中:

<iframe src="myScene.html"></iframe>

工作故障 here 。