AudioTrackList: change-Ereignis
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Das change-Ereignis wird ausgelöst, wenn ein Audiotrack aktiviert oder deaktiviert wird, beispielsweise durch Ändern seiner enabled-Eigenschaft.
Dieses Ereignis kann nicht abgebrochen werden und wird nicht weitergereicht.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
js
addEventListener("change", (event) => { })
Alternativ können Sie einen Handler der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
js
onchange = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Mit 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;
});
Mit der onchange-Event-Handler-Eigenschaft (beachten Sie jedoch, dass dadurch gegebenenfalls andere über onchange hinzugefügte Event-Listener ersetzt werden):
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 für
VideoTrackList-Ziele:change - Media Capture and Streams API
- WebRTC API