TextTrack: evento cuechange

Tu puedes preparar una escucha para el evento cuechange en un TextTrack usando el método addEventListener():

track.addEventListener("cuechange", function () {
  let cues = track.activeCues; // array de las anotaciones actuales
});

O puedes solo preparar la propiedad del controlador de eventos oncuechange:

track.oncuechange = function () {
  let cues = track.activeCues; // array of current cues
};

El subyacente TextTrack, indicado por la propiedad track, recive un evento cuechange cada vez que la anotación que esta siendo actualmente presentada cambia. Est sucede incluso si la pista de texto no está asociada cun un elemento multimedia.

Si la pista de texto está asociada con el elemento multimedia, usando el elemento <track> como hijo del elemento <audio> o del elemento <video>, el evento cuechange es también enviado al HTMLTrackElement.

let textTrackElem = document.getElementById("texttrack");

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

Además, puedes utilizar el controlador de eventos oncuechange:

let textTrackElem = document.getElementById("texttrack");

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

• WebVTT