CODEWITHSUNDEEP
javascriptgetusermedia
kenzie
kenzie

Reputation: 217

Muting an AudioStreamTrack in JS

I am working with getUserMedia(), which returns a MediaStream containing an AudioStreamTrack. How can I mute the AudioStreamTrack? It has a onmute event so it should be somehow able to mute the track.

Upvotes: 1

Views: 1347

Answers (1)

jib
jib

Reputation: 42430

Use track.enabled (https fiddle for Chrome):

navigator.mediaDevices.getUserMedia({audio: true})
  .then(stream => audio.srcObject = stream)
  .catch(e => console.log(e));

mute.onclick = () => { audio.srcObject.getTracks()[0].enabled = !mute.checked; };
<audio id="audio" controls autoplay></audio>
<label><input type="checkbox" id="mute">mute</label>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>

Note that onmute doesn't fire in this case. It only fires if the mic is muted outside the control of JavaScript, e.g. by an end-user (although no browser implements that yet).

Upvotes: 1

Related Questions