Javascript 基于帧检测标记的增强现实视频回放

我想在使用网络摄像头检测到标记（HIRO）时播放视频。当我删除它时，它应该暂停，当检测到标记时，视频应该使用A帧播放。我已经写了代码，但它不起作用。有人能帮我吗？ 我尝试了所有可能的方法，但它不工作，所以，任何人都可以张贴代码或发送一个例子

当你看到标记-播放视频。 一旦丢失标记，请暂停视频

例如：

AFRAME.registerComponent（'vidhandler'{
init：函数（）{
this.toggle=false；
document.querySelector（“#vid”）.pause（）；//对视频的引用
},
勾选：函数（）{
if（document.querySelector（“a-marker”）.object3D.visible==true）{
如果（！this.toggle）{
this.toggle=true；
document.querySelector（“#vid”）.play（）；
}
}否则{
this.toggle=false；
document.querySelector（“#vid”）.pause（）；
}
}
});

视频增强现实

1）确保在资源中正确加载视频-插入

交叉源代码：匿名

，并确保可以访问视频

<a-assets>
  <video id="vid" src="buckBunny.mp4" loop="true" crossorigin>
</a-assets>

4） 在你的客厅里尽情享受吧

5） 查看我的。

1）确保您在资源中正确加载了视频-插入

交叉源：匿名

，并确保您可以访问视频

<a-assets>
  <video id="vid" src="buckBunny.mp4" loop="true" crossorigin>
</a-assets>

4） 在你的客厅里尽情享受吧

---

5） 查看我的。

它是在pc上还是在移动设备上？它是在pc上还是在移动设备上？它在pc上……。一旦我查看了，我将修改anwser以利用新的事件Shello Piotr Adam Milewski，它工作正常。但是当我们显示标记时有一个小问题，标记上会显示一个空白屏幕。当我们重新加载或等待一段时间后，视频将被加载并播放。但最初，在加载方面存在一个问题。如果存在加载问题，我们可以在标记上显示缓冲或加载。我们可以提高在marker上加载视频的性能吗？一旦我签出了，我将修改anwser以利用新的eventsHello Piotr Adam Milewski，它工作得很好。但是当我们显示标记时有一个小问题，标记上会显示一个空白屏幕。当我们重新加载或等待一段时间后，视频将被加载并播放。但最初，在加载方面存在一个问题。如果存在加载问题，我们可以在标记上显示缓冲或加载。我们可以提高在marker上加载视频的性能吗。

AFRAME.registerComponent('vidhandler', {
  init: function () {
    this.toggle = false;
    this.vid = document.querySelector("#vid")
    this.vid.pause()
},
tick:function(){
   if(this.el.object3D.visible == true){
     if(!this.toggle){
       this.toggle = true;
       this.vid.play();
    }
  }else{
    this.toggle = false;
    this.vid.pause();
  }
 }
});