我是一个绝对的新手,但是我设法构建了一个 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。
任何帮助,将不胜感激。
提前致谢。托马斯