Angular 2 音频不会因更改组件而中断

Question

我想借助这段代码播放音频，它工作正常

  ngOnInit () {
    const a = new Audio();
    a.src = '../../assets/hello.wav';
    a.load();
    // auto-start
    a.play();
  }

但是当我单击 Next 按钮时，它会将我带到下一页(因此我在路由的帮助下更改了我的组件)音频不会停止(不会中断)并且音频中的音乐也会在下一页播放。我应该在我的代码中添加什么才能通过更改分页符音频来实现？

Answer 1

您应该将audio 定义为您的组件的一个字段(以便在ngOnDestroy 访问它)并在ngOnDestroy 销毁它。

audio: any;

ngOnInit () {
  this.audio = new Audio();
  this.audio.src = '../../assets/hello.wav';
  this.audio.load();
  // auto-start
  this.audio.play();
}

ngOnDestroy() {
  // destroy audio here
  if(this.audio) {
    this.audio.pause();
    this.audio = null;
  }
}