VideoTrackList: 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 Videotrack aktiviert oder deaktiviert wird, beispielsweise durch Ändern seiner selected-Eigenschaft.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
js
addEventListener("change", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
js
onchange = (event) => { }
Ereignistyp
Ein generisches Event ohne zusätzliche Eigenschaften.
Beispiele
Mit addEventListener():
js
const videoElement = document.querySelector("video");
videoElement.videoTracks.addEventListener("change", (event) => {
console.log(`'${event.type}' event fired`);
});
// changing the value of `selected` will trigger the `change` event
const toggleTrackButton = document.querySelector(".toggle-track");
toggleTrackButton.addEventListener("click", () => {
const track = videoElement.videoTracks[0];
track.selected = !track.selected;
});
Mit der Event-Handler-Eigenschaft onchange (beachten Sie jedoch, dass dadurch gegebenenfalls andere über onchange hinzugefügte Event-Listener ersetzt werden):
js
const videoElement = document.querySelector("video");
videoElement.videoTracks.onchange = (event) => {
console.log(`'${event.type}' event fired`);
};
// changing the value of `selected` will trigger the `change` event
const toggleTrackButton = document.querySelector(".toggle-track");
toggleTrackButton.addEventListener("click", () => {
const track = videoElement.videoTracks[0];
track.selected = !track.selected;
});
Spezifikationen
| Spezifikation |
|---|
| HTML # event-media-change |
| HTML # handler-tracklist-onchange |
Browser-Kompatibilität
Siehe auch
- Verwandte Ereignisse:
addtrack,removetrack - Dieses Ereignis für Ziele vom Typ
AudioTrackList:change - Media Capture and Streams API
- WebRTC