Synchronisation vidéo et légendes

Jusqu'ici, vous avez appris à produire une vidéo Flash et à l'afficher dans une page web. L'étape suivante consiste à mettre à profit les atouts de Flash et à synchroniser la vidéo avec le contenu et les légendes de votre animation. Flash CS3 Professional offre différentes fonctionnalités qui permettent de synchroniser le texte, les animations, les graphismes et les légendes avec des codes temporels de la vidéo.

Cette section présente les principaux concepts de la synchronisation et des légendes, notamment l'utilisation des points de repère vidéo et les fonctions de légende du composant ActionScript 3.0.

Pour accéder à des articles détaillés et des fichiers d'exemples sur la synchronisation vidéo, consultez la page Modèles de vidéos Flash*.

Points de repère vidéo

Les points de repère sont des marqueurs que vous insérez dans le fichier FLV pour indiquer les points où vous synchroniserez le contenu ou l'activité. Une connaissance de base du fonctionnement des points de repère vous permettra de combiner de la vidéo et d'autres types de contenu Flash avec un maximum de souplesse.

Trois types de points de repères vidéo

Il existe trois types de points de repère : navigation, événement et ActionScript. Les points de repère de navigation et d'événement sont directement incorporés au fichier FLV lors du codage. Les points de repère de navigation sont parfaits pour les interfaces utilisateur Flash qui exigent une navigation précise au sein de la vidéo. L'utilitaire de codage place une image clé au niveau du point de repère pour que l'emplacement correspondant soit aisément accessible. Les points de repère d'événement sont également incorporés lors du codage et peuvent servir à synchroniser les codes temporels de la vidéo avec des fichiers de légendes et d'autres événements. Les points de repère ActionScript ne sont pas incorporés dans le fichier FLV. Ils sont ajoutés au moment de l'exécution via ActionScript.

Remarque : la seule manière d'accéder à un code temporel précis dans une vidéo à téléchargement progressif est d'utiliser des points de repère de navigation incorporés directement dans la vidéo. Lorsque vous créez des interfaces dont les boutons permettent d'atteindre des codes temporels précis de la vidéo, il est conseillé d'incorporer les points de repère directement dans la vidéo lors du codage.

Création de points de repère

Les points de repère de navigation et d'événement peuvent être ajoutés à l'aide de l'assistant Importation d'une vidéo ou de la fonction de codage vidéo de Flash CS3 lors du codage. Les points de repère ActionScript peuvent être ajoutés à l'aide du paramètre cuePoint du composant FLVPlayback dans l'Inspecteur des propriétés au moment de la programmation de l'animation ou à l'aide d'ActionScript au moment de l'exécution.

Remarque : vous pouvez exporter les points de repère dans un fichier XML lors du codage en utilisant l'assistant Importation d'une vidéo ou la fonction de codage vidéo de Flash CS3. Vous pouvez ensuite importer le fichier XML enregistré lorsque vous travaillez sur d'autres vidéos de façon à garantir l'homogénéité et à gagner du temps pendant la phase de production.

Réponse aux points de repère

Après avoir créé des points de repère, vous devez y répondre en utilisant du code Flash ActionScript. Les points de repère sont accessibles dans l'animation Flash sous forme d'événements ActionScript. Les événements ActionScript sont des accroches temporelles qui permettent de répondre à un événement lorsqu'il survient. Pour répondre à un événement cuePoint, vous devez appliquer le schéma standard d'écoute d'événement. Notez que le processus peut varier quelque peu selon que vous utilisez la version ActionScript 2.0 ou ActionScript 3.0 du composant FLVPlayback.

Pour plus d'informations sur la gestion des événements vidéo ActionScript 2.0 et des paramètres des points de repère, consultez la section des LiveDocs intitulée "Listening for cuePoint events". (Voir ActionScript 2.0 Components Language Reference > FLVPlayback Component > Using cue points > Listening for cuePoint events.)

Pour plus d'informations sur la gestion des événements vidéo ActionScript 3.0 et des paramètres des points de repère, consultez la section des LiveDocs Flash intitulée "Listening for cuePoint events". (Voir Using ActionScript 3.0 Components > Using the FLVPlayback Component > Using the FLVPlayback component > Using cue points > Listening for cuePoint events.)

Paramètres des points de repère

Lorsque vous rencontrez un événement de point de repère dans ActionScript, un objet d'événement contenant des informations sur le point de repère est transmis à la fonction de gestionnaire d'événements. Ce sont des informations qui déterminent la réponse à l'événement.

Les propriétés suivantes sont contenues dans les informations de l'objet d'événement du point de repère :

• name : nom du point de repère.
• time : code temporel associé au point de repère.
• type : type de point de repère (navigation, événement ou ActionScript).
• parameters : objet contenant les variables associées au point de repère.

Principales méthodes de synchronisation d'une vidéo Flash avec du contenu Flash

Après avoir écrit le code répondant aux notifications d'événement de point de repère et accédé aux paramètres des points de repère, vous pouvez passer à la synchronisation. Les deux méthodes les plus courantes pour synchroniser du contenu Flash consistent à naviguer jusqu'aux images dont les étiquettes correspondent aux noms des points de repère (dans un fichier basé sur un scénario) ou jusqu'aux diapositives portant le même nom que les points de repère (dans un fichier basé sur des écrans). Le nom d'un point de repère permet d'atteindre dans Flash l'endroit où se trouve le contenu censé apparaître au niveau du code temporel correspondant de la vidéo.

Liste de contrôle pour la création de vidéos synchronisées avec du contenu Flash

La liste qui suit décrit les étapes de création d'un fichier Flash contenant de la vidéo synchronisée avec du texte ou des graphismes dans le scénario Flash.

Pour créer une présentation vidéo synchronisée :

1. Procédez à l'acquisition de vidéo et déterminez les points de synchronisation du contenu.
2. Codez la vidéo au format FLV et incorporez les points de repère de navigation aux emplacements souhaités.
3. Créez un fichier Flash et insérez des images clés dans le scénario principal. Ajoutez une image clé pour chaque point de repère de la vidéo et une étiquette à chaque image clé correspondant au nom du point de repère associé.
4. Placez le contenu sur les images clés dont le contenu correspond au nom du point de repère approprié (étiquette d'image).
5. Importez le fichier FLV à l'aide de l'assistant Importation d'une vidéo ou des paramètres du composant FLVPlayback.
6. Ajoutez un écouteur d'événements cuePoint au composant FLVPlayback et le schéma d'écoute d'événement à l'image 1 du scénario principal.
7. Dans le code du gestionnaire d'événements, ajoutez une action gotoAndStop concernant une étiquette d'image du même nom que le paramètre du point de repère.

Utilisation des légendes vidéo ActionScript 3.0

La version ActionScript 3.0 de FLVPlayback inclut FLVPlaybackCaptioning. Ce composant permet d'ajouter des légendes à des fins d'accessibilité ou d'exploitation de texte standard.

Le composant ActionScript 3.0 permet d'insérer les légendes de deux manières :

1. À l'aide d'un fichier XML certifié W3C, appelé fichier TT (Timed Text).
2. À l'aide d'un fichier XML contenant des points de repère d'événement et des légendes associées aux champs de paramètres des points de repères.

Ces deux options permettent de coordonner les légendes et des points précis de la vidéo lors de la lecture. Le travail de synchronisation s'opère alors sans intervention de votre part. Lorsqu'il est placé sur le même scénario qu'un composant FLVPlayback, le composant FLVPlaybackCaptioning écoute automatiquement les événements de point de repère et les codes temporels. Il est inutile d'écrire du code ActionScript ; le composant se charge de créer automatiquement les légendes.

Le composant FLVPlaybackCaptioning offre les fonctionnalités suivantes :

• Spécification de la position temporelle des légendes (et de la durée si vous utilisez un fichier Timed Text).
• Mise en forme du texte des légendes via la définition du fichier XML.
• Activation et désactivation des légendes à l'aide du bouton prévu à cet effet.
• Prise en charge de pistes dans plusieurs langues.
• Affectation de légendes à plusieurs instances FLVPlayback.

Pour plus d'informations sur l'utilisation de légendes FLVPlayback ActionScript 3.0, consultez la section des LiveDocs Flash intitulée "Using the FLVPlaybackCaptioning Component". (Voir Using ActionScript 3.0 Components > Using the FLVPlaybackCaptioning Component.)

Page 5 sur 6

Page précédente

Page suivante