Javascript 如何在Angular2中静音和取消静音？

我有一个声音在我的角度项目中，像这样：

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

？如果我单击按钮，我想静音。如果我第二次单击，它必须执行取消静音。

类似的操作（例如，除非angular具有特定于音频的功能）

组成部分 然后在模板中

模板

这对我很有用

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

---

您可以使用静音属性，例如

this.audio.muted = true;

也适用于视频元素

---

来源：

您是否尝试将卷设置为0？类似于

this.audio.volume=0

设置

this.audio.muted

为

true

您可以随意设置。@rahussing我还没有使用播放器。。我不知道我是否只需要一个球员function@AnnaF您正在寻找类似的东西，您可以使用viewchild或viewchildren来获取一个或多个all audio元素，然后将muted属性添加到true，我想这将解决问题

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

this.audio.muted = true;