Javascript AR.js：如何启用/禁用相机，以及在点击按钮时显示/隐藏AR内容

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

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

请告诉我AR.js中是否有任何参数可以传递给用户，以表示用户打算启动摄像头/扫描/显示我们的内容

---

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

---

---

由于

ar.js

将摄像头提要附加到

body

元素中，因此很难将其包含在典型网站的容器中。我建议：

1） 在外部

.html

文件中具有

ar

场景，因此您可以将其放置在

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)
}

看看这个