6

我正在尝试开发一种 web-ar 体验，允许用户在整个体验中在前后摄像头之间切换，同时在使用后置摄像头时使用 SLAM/6dof。理想情况下，我想使用 PlayCanvas，但无法让前置摄像头工作。我在框架中实现了这一点取得了一些轻微的成功，但很多事情都在打破。

我找不到任何有关启用前置摄像头和使用 XR.stop() 的 PlayCanvas 特定文档，然后是 XR.run({canvas: document.getElementById('camerafeed'), cameraConfig: {direction: XR.XrConfig. camera().FRONT}}) 没有任何效果。

在一个框架内，我正在执行类似的事件序列，但我看到了一些结果。前置摄像头被激活，但日志中有错误，3D 对象不渲染（当我们在前置摄像头模式下启动时它们渲染），并且尝试再次切换摄像头显示“糟糕，出了点问题！” 屏幕。

至于切换 SLAM/6dof，我不断收到一个错误，即在 XR.run 执行后我无法更改 disableWorldTracking。即使我已经运行了 XR.stop 函数并监听了 stopxr 事件。

应该切换到前置摄像头的 A 帧功能（只是重要的部分）：

init: function() {
this.el.sceneEl.addEventListener('stopxr', event => {
      console.log("AR has been stopped.");
      const videoCanvas = document.querySelector('canvas.a-canvas');
      XR.XrController.configure({disableWorldTracking: true});
      XR.run({canvas: videoCanvas, cameraConfig: {direction: XR.XrConfig.camera().FRONT}});
    });
},

switchToFace: function() {
    this.el.sceneEl.emit('stopxr');
    //XR.stop();
  },

在场景运行时更改 disableWorldTracking 参数的正确方法是什么？场景运行时在前后摄像头之间切换的正确方法是什么？

4

2 回答 2

2

在与第 8 位墙开发人员交谈后，他们确认每个页面只支持一个 XR 会话，因此在 XR.stop 之后，XR.run 无法再次调用。然而，还有另一种在前后摄像头之间切换的方法，它可以在启用 SLAM 的情况下工作。

  1. 监听onCameraStatusChange事件并获取对stream和video元素的引用。
  2. 启动相机交换时，使用 暂停第 8 面墙XR.pause()。
  3. 停止stream您从第一步中抓取的所有曲目。
  4. 用于navigator.mediaDevices.getUserMedia(constraints);获取所需摄像机的流。
  5. 将新流分配给video您在步骤 1 中抓取的元素。
  6. 监听视频元素以触发playing事件，并调用XR.resume();

需要注意的一件事：SLAM 仅在您从后置摄像头开始时才有效。切换到前置摄像头和后置 SLAM 后将不再工作。

于 2019-09-16T20:59:57.553 回答
1

现在可以停止和恢复 XR 会话（从不久前的 13.1 版本开始）。您可以调用 XR8.stop()，然后调用 XR8.run() 并传入新的所需摄像机方向。

如果您在 AFrame 项目中使用 8th Wall，您可以简单地xrweb从您的组件中删除该组件<a-scene>以停止 XR，然后将其添加回来（cameraDirection如果需要，使用新参数）以重新启动。

以下是一些说明如何翻转相机方向的项目：

https://www.8thwall.com/8thwall/camera-shaders

https://www.8thwall.com/playground/swap-dof

于 2020-10-01T18:05:33.223 回答