The mute
event is sent to a MediaStreamTrack
when the track's source is temporarily unable to provide media data. When the track is once again able to produce media output, an unmute
event is sent.
During the time between the mute
event and the unmute
event, the value of the track's muted
property is true
.
Note: The condition that most people think of as "muted" (that is, a user-toggled state of silencing a track) is actually managed using the MediaStreamTrack.enabled
property, for which there are no events.
Bubbles | No |
Cancelable | No |
Interface | Event
|
Event handler property | onmute
|
Examples
In this example, event handlers are established for the mute
and unmute
events in order to detect when the media is not flowing from the source for the MediaStreamTrack
referenced by musicTrack
.
musicTrack.addEventListener("mute", event => {
document.getElementById("timeline-widget").style.backgroundColor = "#aaa";
}, false);
musicTrack.addEventListener("unmute", event => {
document.getElementById("timeline-widget").style.backgroundColor = "#fff";
}, false);
With these event handlers in place, when the track musicTrack
enters its muted
state, the element with the ID timeline-widget
gets its background color changed to #aaa
. When the track exits the muted state—detected by the arrival of an unmute
event—the background color is restored to white.
You can also use the onmute
event handler property to set up a handler for this event; similarly, the onunmute
event handler is available for setting up a handler for the unmute
event. The following example shows this:
musicTrack.onmute = event => {
document.getElementById("timeline-widget").style.backgroundColor = "#aaa";
}
musicTrack.mute = event = > {
document.getElementById("timeline-widget").style.backgroundColor = "#fff";
}
Specifications
Specification | Status | Comment |
---|---|---|
Media Capture and StreamsThe definition of 'mute' in that specification. | Candidate Recommendation | Initial specification. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
mute event
|
Chrome
Full support Yes |
Edge
Full support 12 |
Firefox
Full support 59 |
IE
No support No |
Opera
Full support Yes |
Safari
Full support Yes |
WebView Android
Full support Yes |
Chrome Android
Full support Yes |
Firefox Android
Full support 59 |
Opera Android
Full support Yes |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support Yes |
Legend
- Full support
- Full support
- No support
- No support
See also
MediaStreamTrack: mute event by Mozilla Contributors is licensed under CC-BY-SA 2.5.