在一个组件中播放声音会在所有组件中播放

Question

我已经实现了多个组件/路由。

我已将Howl配置为仅在回路上的1条路线上播放。

现在，当我导航到任何路由时，音频文件就会开始播放。如果我导航到另一条路线，则相同的音频文件将继续播放。似乎文件正在被全局引用。

我尝试过在其他不需要播放文件但没有任何作用的路径中停止文件。

sound = new Howl({
src: ['../../../assets/audio/background/piano.wav'],
autoplay: true,
loop: true,
volume: 0.5,
onend() {
  console.log('Finished!');
},
onloaderror() {
    console.log('Error!');
},
});

ngOnInit() {
  sound.play();
}

仅以给定的路径播放音频文件，而不是整个应用程序。

Answer 1

ngOnDestroy() {
  this.sound.stop();
}