A-Frame sound组件如何正确响应声音播放结束事件

Loop: false、poolSize: 1配置下出现的播放结束后isPlaying仍为true、sound-ended事件不触发，是组件本身的逻辑缺陷：当音频池大小设为1时，组件不会给池内的音频实例绑定原生播放结束回调，只有主动调用stop()、pause()方法时才会重置内部状态标记，非循环音频自然播完的时机没有被组件捕获，自然不会更新状态、派发自定义事件。

• 直接绑定原生音频实例事件（准确率100%）
  不要用组件封装的sound-ended自定义事件，调用播放方法后直接取组件内部持有的原生音频对象，绑定标准的原生ended事件即可：

  const soundComp = document.querySelector('#绑定sound组件的实体').components.sound
  soundComp.playSound()
  // poolSize为1时池内只有一个音频实例，直接取索引0的对象即可
  const audioInstance = soundComp.pool[0]
  audioInstance.addEventListener('ended', () => {
    // 此处为音频真实播放完成的时机
    // 可手动修正组件的isPlaying标记，避免后续逻辑读值错误
    soundComp.isPlaying = false
  })
  

  实时判断播放状态不要读取组件的isPlaying属性，直接读原生音频的属性即可：

  • 正在播放判定：!audioInstance.paused && !audioInstance.ended
  • 播放结束判定：audioInstance.ended === true

• 调整配置触发组件内置的回调逻辑
  将poolSize配置调整为≥2，组件会在音频池长度大于1时自动给实例绑定ended回调，此时sound-ended事件可以正常触发，isPlaying标记也会在播放结束后自动更新为false。注意配置项为驼峰写法poolSize，如果误写为全小写poolsize会导致配置不生效、走默认值，这也是事件不触发的常见诱因。

• 规避状态残留
  每次调用playSound()前先执行一次soundComp.stop()，清空上一次播放残留的状态标记，避免状态污染影响判断。

提示：组件暴露的isPlaying是内部维护的逻辑标记，不会和原生音频的真实状态自动同步，涉及播放状态的核心判断优先读取原生HTMLAudioElement实例的属性，不要依赖组件封装的标记。

内容的提问来源于stack exchange，提问作者J.Jacobs