Angular2でサウンドをミュート/ミュート解除するにはどうすればよいですか？

Question

私はこのように、私の角のプロジェクトでサウンドを持っている：

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(); 
} 

そして、私はすべての音をミュートできるようにしたいと思います。テンプレート内のボタンをクリックした場合：muteFどうすればいいですか？ボタンをクリックするとミュートしたい。もう一度クリックすると、ミュートを解除する必要があります。

Answer 1

おそらく角がオーディオ特有の機能を持たない限り、このようなものです。

コンポーネント

import { ElementRef, Inject, Injectable, ViewChild } from '@angular/core'; 

@Injectable() 
export class MyService { 
    @ViewChild('audio') audio: ElementRef 

    constructor(/* DOCUMENT would be an option too, from @angular/platform-browser - `@Inject(DOCUMENT) private document: any` */) {} 
    introInfo() { 
    this.audio.nativeElement.load() 
    this.audio.nativeElement.play() 
    } 
//... 
} 

は、テンプレートに

テンプレート

<audio #audio></audio> 

Answer 2

はこれが私のために

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