Tutorial 12 - Vídeo y TLF

Paso 9 de 18

Debido a que hay mucha distancia temporal entre los puntos de referencia que hemos marcado en el vídeo, sería conveniente que los pequeños círculos amarillos también pudieran ser pulsados por si el usuario quisiera volver al punto de referencia correspondiente.

Para ello añadimos a las tres instancias del clip current los mismos listeners que tienen las instancias de control, y de este modo ejecutarán la misma función al ser pulsadas.

current1_mc.addEventListener(MouseEvent.CLICK, fl_ClickToSeekToCuePoint);
current2_mc.addEventListener(MouseEvent.CLICK, fl_ClickToSeekToCuePoint);
current3_mc.addEventListener(MouseEvent.CLICK, fl_ClickToSeekToCuePoint);

Dentro de la función fl_ClickToSeekToCuePoint, ahora no nos interesa que el símbolo que haya llamado a la función sea invisible, ya que puede haber sido un clip current y no un control.

Para asegurar que es el botón y no el clip el que se hace invisible, y aprovechando que el número del nombre de instancia se encuentra en la misma posición en los clips current que en los botones control, sustituiremos la línea:

event.target.visible=false;

por la línea:

this["control" + event.target.name.substr(7,1) + "_btn"].visible = false;

Hasta ahora hemos programado que, al hacer clic sobre unas instancias, la cabeza lectora del vídeo se desplace hasta un punto de referencia. También nos interesa que, aunque no hagamos clic, cuando el vídeo se esté reproduciendo y alcance un punto de referencia, se muestre el current correspondiente.