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 Videospur aktiviert oder deaktiviert wird, zum Beispiel durch Ändern der selected-Eigenschaft der Spur.
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 ohne zusätzliche Eigenschaften.
Beispiele
Verwendung von 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;
});
Verwendung der onchange-Ereignis-Handler-Eigenschaft:
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 bei
AudioTrackList-Zielen:change - Media Capture and Streams API
- WebRTC