在 A-Frame 中点击播放声音

Question

所以我正在努力寻找 "click" 上 play/stop/pause 声音的解决方案，即当用带有 A 帧声音实体的黑点聚焦时...我想要的是一个平面、形状或任何带有 play/pause 图像的东西，聚焦时会触发音频。有人遇到过类似的事情吗？

<audio id="sound" crossorigin="anonymous" preload="auto" src="some-audio-file.mp3"></audio>

... would trigger something like sound="on: click; src: #sound"

Answer 1

尝试制作自定义组件

AFRAME.registerComponent('audiohandler', {
  init:function() {
     let playing = false;
     let audio = document.querySelector("#audio");
     this.el.addEventListener('click', () => {
          if(!playing) {
              audio.play();
           } else {
              audio.pause();
              audio.currentTime = 0;
           }
           playing = !playing;
     });
  }
})

并在您的“按钮”中使用它

<a-box audiohandler> </a-box>

您可以检查所有媒体方法、属性等here。
您可以选中此按钮 here。

在 A-Frame 中点击播放声音

Play sound on click in A-Frame

javascript

virtual-reality

aframe