VideoTrackList: change event
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Sự kiện change được kích hoạt khi một video track được kích hoạt hoặc hủy kích hoạt, chẳng hạn bằng cách thay đổi thuộc tính selected của track.
Cú pháp
Sử dụng tên sự kiện trong các phương thức như addEventListener(), hoặc đặt thuộc tính trình xử lý sự kiện.
js
addEventListener("change", (event) => { })
onchange = (event) => { }
Loại sự kiện
Một Event thông thường không có thuộc tính bổ sung.
Ví dụ
Sử dụng 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;
});
Sử dụng thuộc tính trình xử lý sự kiện onchange:
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;
});
Thông số kỹ thuật
| Specification |
|---|
| HTML # event-media-change |
| HTML # handler-tracklist-onchange |
Tương thích trình duyệt
Xem thêm
- Các sự kiện liên quan:
addtrack,removetrack - Sự kiện này trên mục tiêu
AudioTrackList:change - Media Capture and Streams API
- WebRTC