VideoTrackList: change イベント
change
イベントは、動画トラックがアクティブまたは非アクティブになったとき(トラックの selected
プロパティを変更したときなど)に発生します。
例
AddEventListener()
を使用する場合
const videoElement = document.querySelector('video');
videoElement.videoTracks.addEventListener('change', (event) => {
console.log(`'${event.type}' イベント発生`);
});
// `selected` の値を変更すると `change` イベントを引き起こします
const toggleTrackButton = document.querySelector('.toggle-track');
toggleTrackButton.addEventListener('click', () => {
const track = videoElement.videoTracks[0];
track.selected = !track.selected;
});
onchange
イベントハンドラプロパティを使用する場合
const videoElement = document.querySelector('video');
videoElement.videoTracks.onchange = (event) => {
console.log(`'${event.type}' イベント発生`);
};
// `selected` の値を変更すると `change` イベントを引き起こします
const toggleTrackButton = document.querySelector('.toggle-track');
toggleTrackButton.addEventListener('click', () => {
const track = videoElement.videoTracks[0];
track.selected = !track.selected;
});
仕様
仕様 | 状態 |
---|---|
HTML Living Standard change の定義 |
現行の標準 |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
- Related events:
addtrack
,removetrack
AudioTrackList
対象でのこのイベント:change
- Media Streams API
- WebRTC API