Aframe和Aframe-ar:以div而非全屏显示视频流

时间:2018-08-21 15:20:06

标签: aframe

我正在使用 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框架版本:0.8.0
  • 平台/设备:Chrome /台式机

我该怎么做?

1 个答案:

答案 0 :(得分:1)

ar.js在整个body元素上分布摄像头。如果不想弄乱源代码,可以将其包含在iframe中:

<i-frame src="myScene.html>

工作故障here