一直检测到没有marker后如何播放ar中的内容（检测一次再播放）

Question

我在 web ar 中启动了一些示例，我发现所有示例都适用于 nft 或标记。我想做一些不应该总是依赖于标记或 nft 的东西。一旦检测到标记，我应该就可以在 AR 中播放内容而不再需要标记了。

对不起，我的英语很烂。等待帮助。谢谢

Answer 1

您可以将检测到标记的元素保留在屏幕上。

只要等到标记被检测到，然后将其位置、旋转和缩放复制到包含内容的实体中。执行此操作的组件可能如下所示：

AFRAME.registerComponent('video-logic', {
    init: function () {
        const marker = document.querySelector("a-marker");

        marker.addEventListener("markerFound", evt => {
          // you can wait a while so the content won't appear somewhere on the border
          setTimeout(evt => {
            this.el.setAttribute("position", marker.getAttribute("position");
            this.el.setAttribute("rotation", marker.getAttribute("rotation");
          }, 500)
        })
    }
});

// The content is separate from the marker
//<a-box material="src: #video;" video-logic></a-box>
//<a-marker smooth="true" preset="hiro"></a-marker>

像我做的那样here

一直检测到没有marker后如何播放ar中的内容（检测一次再播放）

How to play content in ar after detection of marker without marker all the time(one time detection and then play)

three.js

augmented-reality

aframe

web-ar