5

所有通过浏览器演示 AR.js AR 功能的示例和代码，在网页加载后立即运行。但是，我想为用户提供一个选项，手动启动和停止扫描过程以及隐藏 AR 内容。

基本上，我只想在用户单击网页上的按钮时才加载 a-frame、AR.js 脚本和其他 a-frame html 元素。

请让我知道 AR.js 中是否有任何参数可以传递来表示用户启动相机/扫描/显示我们的内容的意图。

脚本版本：
A-Frame 版本：0.7.1（日期 18-10-2017，提交 #b9a751e）
三个版本：^0.87.0
WebVR Polyfill 版本：^0.9.36

4

1 回答 1

1

由于ar.js将相机提要附加到body元素，因此很难将其包含在典型网站的容器中。我建议：

1）在ar外部文件中有一个场景.html，所以你可以把它放在一个<i-frame>
2）当一个按钮被点击（或任何其他事件）时，创建 iframe，并将它放在你的网站上：

function addScene() {
  var scene = document.createElement("i-frame")
  scene.setAttribute("src", "ar.html")
  scene.setAttribute("height", "300")
  scene.setAttribute("width", "300")
  document.querySelector("#somecontainer").appendChild(scene)
}

看看这个故障。

于 2018-05-30T15:30:30.377 回答