Cuepoints en la label de video HTML5

Necesito puntos de reference para un reproductor de video HTML5. Encontré Cuepoint.js, excepto que esto es solo para cosas como subtítulos. Necesito que cambien otras cosas además del text cuando se golpea un punto cue.

De alguna forma hice mi propia lógica de punto de reference, pero siento que no es tan eficiente como podría ser. Estoy lidiando con una pequeña cantidad de veces en este momento, lo cual no es gran cosa. Me temo que cuando llegue a los cientos podría causar algunos problemas de performance.

Esto es lo que surgió y es bastante preciso:

function timeUpdate(event) { var times = [3,8,13,19,25]; currentTime = player.currentTime(); $.each(times,function(key, value) { if (currentTime >= times[key] && currentTime <= times[key] + 0.3) { currentIndex++; loadAssets(currentIndex); } }); } 

La matriz de times es solo un ejemplo. ¿Hay una manera más eficiente de hacer esto o es esto más o less?

Ronnie, no necesitas recorrer ese set. Si los artículos están en order, simplemente verifique con el primero, luego suba el Índice actual por uno.

 function timeUpdate(event) { var times = [3,8,13,19,25]; currentTime = player.currentTime(); if (currentTime >= times[currentIndex]) { currentIndex++; loadAssets(currentIndex); } } 

una de las respuestas más cercanas a su pregunta es: http://codecanyon.net/item/html5-video-cue-points-engine/8840124