Le chargement de médias sous forme de fichiers externes
CHAPITRE 12
269
Les propriétés et méthodes pour une jauge de lecture
Fichier de référence : Chapitre12/video4.fla
Les enveloppes proposées dans l’interface de Flash présentent une jauge de lecture, mais,
elle n’affiche pas pour autant la durée de la vidéo, ni même le temps à la position de la
tête de lecture. Nous allons donc réécrire une jauge de lecture accompagnée des deux
valeurs que nous venons de mentionner.
Nous devons commencer par créer sur la scène, manuellement ou dynamiquement, deux
textes dynamiques. Nous les nommons dureeTotale et positionTete. Nous plaçons également un rectangle assez large représentant la jauge de lecture que nous intitulons jauge.
Nous devons à présent définir des gestionnaires d’événements pour exécuter des lignes
d’instructions au chargement de la vidéo, durant la lecture et à la fin de la vidéo.
ecran.addEventListener(MetadataEvent.METADATA_RECEIVED,repereAtteint);
…
ecran.addEventListener(VideoEvent.PLAYHEAD_UPDATE, lectureEnCours);
…
ecran.addEventListener(VideoEvent.COMPLETE,videoTerminee);
Pour obtenir le temps à la position de la tête de lecture, nous allons utiliser la propriété
playheadTime de la classe FLVPlayback(). Pour déterminer la durée d’une vidéo, nous
devons lire la propriété duration contenue dans l’objet de la fonction de rappel invoquée
par l’écouteur qui gère l’événement MetatdataEvent.METADATA_RECEIVED. Si vous ne
comprenez pas bien cette dernière phrase, aidez-vous du script ci-dessous pour localiser
la propriété duration.
Vous devriez obtenir un script global comme celui-ci :
import fl.video.*;
//
//Déclaration des variables
//
var dureeVideo:Number;
//
//#### Au début de la lecture
//
ecranVideo.addEventListener(MetadataEvent.METADATA_RECEIVED,repereAtteint);
function repereAtteint(evt:MetadataEvent) {
dureeVideo = evt.info.duration;
dureeTotale.text = convertirTemps(evt.info.duration);
}
//
// #### En cours de lecture #####
Remarque
Dans le fichier video4.fla, nous n’avons pas placé l’instance de la classe FLVPlayback() à partir de la
ligne d’instructions pour que toute votre attention se porte sur le code qui gère le défilement de la jauge de
lecture.
CHAPITRE 12
269
Les propriétés et méthodes pour une jauge de lecture
Fichier de référence : Chapitre12/video4.fla
Les enveloppes proposées dans l’interface de Flash présentent une jauge de lecture, mais,
elle n’affiche pas pour autant la durée de la vidéo, ni même le temps à la position de la
tête de lecture. Nous allons donc réécrire une jauge de lecture accompagnée des deux
valeurs que nous venons de mentionner.
Nous devons commencer par créer sur la scène, manuellement ou dynamiquement, deux
textes dynamiques. Nous les nommons dureeTotale et positionTete. Nous plaçons également un rectangle assez large représentant la jauge de lecture que nous intitulons jauge.
Nous devons à présent définir des gestionnaires d’événements pour exécuter des lignes
d’instructions au chargement de la vidéo, durant la lecture et à la fin de la vidéo.
ecran.addEventListener(MetadataEvent.METADATA_RECEIVED,repereAtteint);
…
ecran.addEventListener(VideoEvent.PLAYHEAD_UPDATE, lectureEnCours);
…
ecran.addEventListener(VideoEvent.COMPLETE,videoTerminee);
Pour obtenir le temps à la position de la tête de lecture, nous allons utiliser la propriété
playheadTime de la classe FLVPlayback(). Pour déterminer la durée d’une vidéo, nous
devons lire la propriété duration contenue dans l’objet de la fonction de rappel invoquée
par l’écouteur qui gère l’événement MetatdataEvent.METADATA_RECEIVED. Si vous ne
comprenez pas bien cette dernière phrase, aidez-vous du script ci-dessous pour localiser
la propriété duration.
Vous devriez obtenir un script global comme celui-ci :
import fl.video.*;
//
//Déclaration des variables
//
var dureeVideo:Number;
//
//#### Au début de la lecture
//
ecranVideo.addEventListener(MetadataEvent.METADATA_RECEIVED,repereAtteint);
function repereAtteint(evt:MetadataEvent) {
dureeVideo = evt.info.duration;
dureeTotale.text = convertirTemps(evt.info.duration);
}
//
// #### En cours de lecture #####
Remarque
Dans le fichier video4.fla, nous n’avons pas placé l’instance de la classe FLVPlayback() à partir de la
ligne d’instructions pour que toute votre attention se porte sur le code qui gère le défilement de la jauge de
lecture.
