The change
event is fired when an audio track is enabled or disabled, for example by changing the track's enabled
property.
Bubbles | No |
Cancelable | No |
Interface | Event
|
Event handler property | onchange
|
Examples
Using addEventListener()
:
const videoElement = document.querySelector('video');
videoElement.audioTracks.addEventListener('change', (event) => {
console.log(`'${event.type}' event fired`);
});
// changing the value of `enabled` will trigger the `change` event
const toggleTrackButton = document.querySelector('.toggle-track');
toggleTrackButton.addEventListener('click', () => {
const track = videoElement.audioTracks[0];
track.enabled = !track.enabled;
});
Using the onchange
event handler property:
const videoElement = document.querySelector('video');
videoElement.audioTracks.onchange = (event) => {
console.log(`'${event.type}' event fired`);
};
// changing the value of `enabled` will trigger the `change` event
const toggleTrackButton = document.querySelector('.toggle-track');
toggleTrackButton.addEventListener('click', () => {
const track = videoElement.audioTracks[0];
track.enabled = !track.enabled;
});
Specifications
Specification | Status |
---|---|
HTML Living StandardThe definition of 'change' in that specification. | Living Standard |
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 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
change event
|
Chrome Full support 37 Full support 37 Disabled' From version 37: this feature is behind the |
Edge Full support 79 Full support 79 Disabled' From version 79: this feature is behind the |
Firefox Full support 33 Full support 33 Disabled' From version 33: this feature is behind the |
IE
Full support 10 |
Opera Full support 24 Full support 24 Disabled' From version 24: this feature is behind the |
Safari
Full support 6.1 |
WebView Android
No support No |
Chrome Android Full support 37 Full support 37 Disabled' From version 37: this feature is behind the |
Firefox Android Full support 33 Full support 33 Disabled' From version 33: this feature is behind the |
Opera Android Full support 24 Full support 24 Disabled' From version 24: this feature is behind the |
Safari iOS
Full support 7 |
Samsung Internet Android
No support No |
Legend
- Full support
- Full support
- No support
- No support
- User must explicitly enable this feature.'
- User must explicitly enable this feature.
See also
- Related events:
addtrack
,removetrack
- This event on
VideoTrackList
targets:change
- Media Streams API
- WebRTC API
AudioTrackList: change event by Mozilla Contributors is licensed under CC-BY-SA 2.5.