aframe 和 aframe-ar：在 div 中显示视频流而不是全屏答案

【问题标题】：Aframe and aframe-ar: display video stream in div instead of fullscreenaframe 和 aframe-ar：在 div 中显示视频流而不是全屏
【发布时间】：2019-01-27 19:59:24
【问题描述】：

我正在使用 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/台式电脑

我该怎么做？

【问题讨论】：

标签： aframe

【解决方案1】：

ar.js 将摄像头信息传播到整个 body 元素上。如果您不想弄乱源代码，可以将其包含在 iframe 中：

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

工作故障here.

【讨论】：

在 iframe 中工作，谢谢。现在的一个小挑战是将其集成到 Angular 6 应用程序中......