javascript - 如何在 Angular2 中静音和取消静音？

Question

我的 Angular 项目中有一个声音，像这样:

introInfo() {
   this.audio.src = '../assets/sound1.wav';
   this.audio.load();
   this.audio.play();
 }

 feedbackInfo() {
   this.audio.src = '../assets/sound1.wav';
   this.audio.load();
   // auto-start
   this.audio.play();
 }

而且我希望能够将所有声音静音。如果我单击模板中的按钮:

<img class="grow" id="mute" [src]='mute' (click)="muteF()"/>

如何编写函数 muteF？如果我点击按钮，我想静音。如果我第二次点击，它必须执行取消静音。

Answer 1

这对我有用

  muteF() {
    if (this.audio.volume !== 0) {
      this.audio.volume = 0;
    } else {
      this.audio.volume = 1;
    }
  }