HTMLTrackElement: событие cuechange

Событие cuechange срабатывает, когда элемент TextTrack изменил текущие отображаемые субтитры. Событие срабатывает как на элементе TextTrack , так и на элементе HTMLTrackElement, если таковой имеется.

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

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

oncuechange = (event) => {};

Общее событие Event без дополнительных свойств.

Базовый элемент TextTrack, указанный свойством track, получает событие cuechange каждый раз, когда меняется текущий отображаемый субтитр. Это происходит даже если трек не связан с элементом медиа.

Если трек связан с элементом медиа, используя элемент <track> в качестве дочернего элемента для <audio> или <video> элемента, событие cuechange также отправляется элементу HTMLTrackElement.

let textTrackElem = document.getElementById("text-track");

textTrackElem.addEventListener("cuechange", (event) => {
  let cues = event.target.track.activeCues;
});

В качестве альтернативы, можно использовать обработчик события oncuechange:

let textTrackElem = document.getElementById("text-track");

textTrackElem.oncuechange = (event) => {
  let cues = event.target.track.activeCues;
};

• WebVTT
• То же событие для TextTrack: cuechange