Hola!!
Estoy haciendo una aplicación web, usando el tag video. Necesito poner unos "subtitulos", es decir, que aparezca una frase en el minuto 1.15 en el 1.20 desaparezca y aparezca otro del 1.20 al 1.25, por poner un ejemplo.
Lo he hecho de esta forma, pero la aplicación se ralentiza y es un poco guarra la forma:
var e = document.getElementById("transcriptField");
for (var i=0; i<total.length; i++) {
while(video.currentTime > captions[i][1] && video.currentTime < captions[i][2]) {
e.innerHTML = captions[i][0];
}
}
Donde captions[i][1] contiene el segundo de comienzo de la frase y captions[i][2] el segundo en el que debe desaparecer.
A ver si alguien me ilumina con una forma optimizada.