0

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

<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>

hotpot-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', handleClickEvent, true)
  },
}

export {tapCloseComponent}

但我想出的东西似乎都不起作用。我尝试收集属性 Sound 和 stopSound 甚至将音量降低到 0。

任何帮助,将不胜感激。

提前致谢。托马斯

4

0 回答 0