单击事件时停止音频

如何解决单击事件时停止音频

我是一个绝对的新手，但是我设法构建了一个 ar 设置，它使用热点打开容器并播放我实际单击的实体附带的声音。都在 8thwall 之内。 所以声音被添加为实体的属性。 即

<a-entity id="hotspot1" mixin="hotspot-mond" position="0.32 0.73 0.59" rotation="0 90 0" scale="0.18 0.18 0.18" sound="src: #amond; on: click; refdistance: 100" look-at="#camera" class="cantap" tap-hotspot>

hotspot-mond 基本上是实际 glb 模型上的一个原始透明球体……在资产区域中定义：

<a-mixin id="hotspot-mond" geometry="primitive: sphere; radius: 0.9;" material="shader: shadow; transparent: true; opacity: 0.1"></a-mixin>

初始的 onclick 事件工作正常。

const tapHotspotComponent = {
  init() {
    const id = this.el.getAttribute('id')
    const contents = document.getElementById('contents')
    const container = document.getElementById('container')
    const childElement = document.getElementById(`${id}-child`)

    const handleClickEvent = (e) => {
      hideAll()
      container.classList.remove('collapsed')
      childElement.setAttribute('visible',false)
      childElement.setAttribute('class','cantap')
    }
    this.el.addEventListener('click',handleClickEvent,true)
  },}

export {tapHotspotComponent}

但是，即使我关闭该实体，声音也会继续滚动，当然，如果点击，它会与其他人同时播放。

有没有办法在点击事件中停止这种声音？还是只有通过点击直接触发的音频才有可能？ 在我看来，它应该集成到这个 javascript 中：

const tapCloseComponent = {
  init() {
    const handleClickEvent = (e) => {
      hideAll()
    }

    this.el.addEventListener('click',}

export {tapCloseComponent}

但是我想出来的东西似乎没有用。 我尝试收集属性 Sound 和 stopSound 甚至将音量降低到 0。

任何帮助将不胜感激。

提前致谢。 托马斯