HTMLMediaElement: событие timeupdate

Событие timeupdate срабатывает, когда время, указанное атрибутом currentTime, обновляется.

Частота события зависит от нагрузки системы, но будет составлять примерно от 4 Гц до 66 Гц (при условии, что обработчики событий не занимают более 250 мс). Пользовательские агенты должны изменять частоту события в зависимости от нагрузки системы и средней стоимости обработки события каждый раз, чтобы обновления пользовательского интерфейса не были чаще, чем пользовательский агент может комфортно обрабатывать во время декодирования видео.

Это событие не может быть отменено и не распространяется.

Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика события.

addEventListener("timeupdate", (event) => {});

ontimeupdate = (event) => {};

Общее событие Event.

Эти примеры добавляют обработчик события для HTMLMediaElement timeupdate , затем публикуют сообщение, когда этот обработчик отреагировал на срабатывание события. Помните, что частота события зависит от нагрузки системы.

Используя addEventListener():

const video = document.querySelector("video");

video.addEventListener("timeupdate", (event) => {
  console.log("The currentTime attribute has been updated. Again.");
});

Используя свойство обработчика события ontimeupdate:

const video = document.querySelector("video");

video.ontimeupdate = (event) => {
  console.log("The currentTime attribute has been updated. Again.");
};

• Событие HTMLMediaElement playing
• Событие HTMLMediaElement waiting
• Событие HTMLMediaElement seeking
• Событие HTMLMediaElement seeked
• Событие HTMLMediaElement ended
• Событие HTMLMediaElement loadedmetadata
• Событие HTMLMediaElement loadeddata
• Событие HTMLMediaElement canplay
• Событие HTMLMediaElement canplaythrough
• Событие HTMLMediaElement durationchange
• Событие HTMLMediaElement play
• Событие HTMLMediaElement pause
• Событие HTMLMediaElement ratechange
• Событие HTMLMediaElement volumechange
• Событие HTMLMediaElement suspend
• Событие HTMLMediaElement emptied
• Событие HTMLMediaElement stalled

• HTMLAudioElement
• HTMLVideoElement
• <audio>
• <video>