AudioTrackList: change イベント
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
change
イベントは、音声トラックが有効または無効になったとき(トラックの enabled
プロパティを変更したときなど)に発生します。
このイベントはキャンセル不可で、バブリングしません。
構文
このイベント名を addEventListener()
などのメソッドで使用するか、イベントハンドラープロパティを設定するかしてください。
js
addEventListener("change", (event) => { })
onchange = (event) => { }
イベント型
一般的な Event
です。
例
addEventListener()
を使用する場合:
js
const videoElement = document.querySelector("video");
videoElement.audioTracks.addEventListener("change", (event) => {
console.log(`'${event.type}' イベント発生`);
});
// `enabled` の値を変更すると `change` イベントを引き起こします
const toggleTrackButton = document.querySelector(".toggle-track");
toggleTrackButton.addEventListener("click", () => {
const track = videoElement.audioTracks[0];
track.enabled = !track.enabled;
});
onchange
イベントハンドラープロパティを使用する場合:
js
const videoElement = document.querySelector("video");
videoElement.audioTracks.onchange = (event) => {
console.log(`'${event.type}' イベント発生`);
};
// `enabled` の値を変更すると `change` イベントを引き起こします
const toggleTrackButton = document.querySelector(".toggle-track");
toggleTrackButton.addEventListener("click", () => {
const track = videoElement.audioTracks[0];
track.enabled = !track.enabled;
});
仕様書
Specification |
---|
HTML # event-media-change |
HTML # handler-tracklist-onchange |
ブラウザーの互換性
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
change event |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- User must explicitly enable this feature.
- Has more compatibility info.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
関連情報
- 関連イベント:
addtrack
,removetrack
VideoTrackList
を対象としたこのイベント:change
- メディアキャプチャおよびストリーム API
- WebRTC API