AudioTrackList: change event
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more support for this feature? Tell us why.
Das change-Ereignis wird ausgelöst, wenn ein Audiotrack aktiviert oder deaktiviert wird, zum Beispiel durch Ändern der enabled-Eigenschaft des Tracks.
Dieses Ereignis kann nicht abgebrochen werden und wird nicht weitergeleitet.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.
js
addEventListener("change", (event) => { })
onchange = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Verwendung von addEventListener():
js
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;
});
Verwendung der onchange-Ereignis-Handler-Eigenschaft:
js
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;
});
Spezifikationen
| Spezifikation |
|---|
| HTML # event-media-change |
| HTML # handler-tracklist-onchange |
Browser-Kompatibilität
Siehe auch
- Verwandte Ereignisse:
addtrack,removetrack - Dieses Ereignis auf
VideoTrackListZiele:change - Media Capture and Streams API
- WebRTC API