Tutorial 12 - Vídeo y TLF

Paso 15 de 18

Vamos a programar que el texto vaya sincronizado con el vídeo. Después crearemos el botón que utilizaremos para alternar las vistas entre vídeo y texto.

Cuando la película se inicie, deberemos en primer lugar detener el clip que contiene el texto en el primer fotograma, así como hacerlo invisible. Para ello escribiremos en la capa Actions el siguiente código:

tlf_mc.gotoAndStop(1);
tlf_mc.visible = false;

Para que el texto vaya al fotograma que coincida con el nombre del botón pulsado, dentro de la función fl_ClickToSeekToCuePoint añadiremos la línea:

tlf_mc.gotoAndStop(event.target.name.substr(7,1));

Dentro de la función fl_CuePointHandler deberemos hacer que el clip con el texto vaya al fotograma cuyo número coincida con el número del nombre del botón que hemos hecho invisible, por lo que la deberemos añadir líneas en el sentencia switch:

case "cuePoint1" :
    control1_btn.visible = false;
    tlf_mc.gotoAndStop(1);
    break;

Deberemos ir al fotograma 2 en el caso cuePoint2, al fotograma 3 en el caso cuePoint3, y de nuevo al 1 en el caso cuePoint4.

Ahora el vídeo y el texto funcionarán de la misma manera respecto a los puntos de referencia.

El paso siguiente será añadir un botón para alternar entre ambas vistas.