AudioTrackList: sự kiện change
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 rãnh âm thanh được bật hoặc tắt, ví dụ bằng cách thay đổi thuộc tính enabled của rãnh.
Sự kiện này không thể bị hủy và không nổi bọt.
Cú pháp
Sử dụng tên sự kiện trong các phương thức như addEventListener(), hoặc đặt một thuộc tính trình xử lý sự kiện.
js
addEventListener("change", (event) => { })
onchange = (event) => { }
Kiểu sự kiện
Một Event chung.
Ví dụ
Sử dụng 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;
});
Sử dụng thuộc tính trình xử lý sự kiện onchange:
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;
});
Thông số kỹ thuật
| Specification |
|---|
| HTML # event-media-change |
| HTML # handler-tracklist-onchange |
Khả năng tương thích với trình duyệt
Xem thêm
- Các sự kiện liên quan:
addtrack,removetrack - Sự kiện này trên
VideoTrackListnhắm tới:change - Media Capture and Streams API
- WebRTC API