AudioTrackList: change イベント
change
イベントは、音声トラックが有効または無効になったとき(トラックの enabled
プロパティを変更したときなど)に発生します。
バブリング | なし |
---|---|
キャンセル | 不可 |
インターフェイス | Event |
イベントハンドラプロパティ | onchange |
例
addEventListener()
を使用する場合
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
イベントハンドラプロパティを使用する場合
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;
});
仕様書
仕様書 | 状態 |
---|---|
HTML Living Standard change の定義 |
現行の標準 |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
- 関連イベント:
addtrack
,removetrack
VideoTrackList
対象でのこのイベント:change
- Media Streams API
- WebRTC API