5 - Son Et Vidéo - Flash

MASTER
IPM EAD 20072009
Cours Flash
Chapitre 5 : Son et Vidéo
ATTENTION ! ! ! ! ! !
Etant donné la grande taille des fichiers, exceptionnellement je n’ai pas groupé les fichiers dans un
seul ZIP. Au contraire, il y a plusieurs ZIP :
« 5_star wars sonorise.zip » qui est la version pour l’exercice (environ 8 Mo) ;
« 5_star wars sonorise final.zip » qui est la solution de l’exercice (environ 8 Mo) ;
« 5_animations sonorisées.zip » qui est un fichier d’explication des synchronisations sonores de
Flash ;
« 5_fichiers videos.zip » qui contient quelques petits fichiers vidéos AVI, mais vous pouvez
utilisez des AVI que vous avez chez vous ;
« 5_video final.zip » qui est un exemple et la solution de l’exercice (environ 9 Mo) ;
« 5_sons.zip » qui contient des sons de tailles, qualités et natures différentes (environ 9 Mo).
Téléchargezle si vous n’avez aucun fichier son chez vous.
SOMMAIRE
1 OBJ ECTIFS DU CHAPITRE ............................................................................................................... 2
2 LES SONS DANS FLASH ..................................................................................................................... 3
2.1 IMPORTATION DE SONS .................................................................................................................... 3
2.1.1 Importer un son.......................................................................................................................... 3
2.1.2 Ajouter du son à une animation .................................................................................................. 6
2.2 AJOUTER DU SON A UN BOUTON ..................................................................................................... 10
2.3 EXERCICE ..................................................................................................................................... 11
3 LES VIDEOS ET FLASH ................................................................................................................... 13
3.1 REMARQUES PREALABLES ............................................................................................................. 13
3.2 IMPORTATION DE VIDEOS DANS FLASH MX 2004 PRO ..................................................................... 14
3.2.1 Importation complète d’une vidéo dans la scène ....................................................................... 14
3.2.2 Importation complète d’une vidéo dans la bibliothèque............................................................. 14
3.2.3 Importation partielle d’une vidéo dans la bibliothèque.............................................................. 15
3.2.4 Importation partielle et paramétrée d’une vidéo dans la bibliothèque ....................................... 15
3.3 IMPORTATION DE VIDEOS DANS FLASH 8 PRO ................................................................................. 21
3.3.1 Importation complète d’une vidéo dans la scène ....................................................................... 21
3.3.2 Importation complète d’une vidéo sous la forme d’un clip......................................................... 22
3.3.3 Importation partielle d’une vidéo dans la bibliothèque.............................................................. 22
3.3.4 Importation de vidéo et lecture avec le composant FLV de Flash .............................................. 23
4 EXERCICE.......................................................................................................................................... 32
MASTER IPM EAD 20072009 J.C. Tarby
1 Objectifs du chapitre
Grâce à ce chapitre, vous saurez :
comment intégrer du son et de la vidéo dans une animation,
comment créer des effets sonores sans programmation,
comment ajouter du son à un bouton.
Flash : Son et Vidéo Page 2 sur 32
2 Les sons dans Flash
Il existe deux façons de gérer les sons dans Flash : soit par l’environnement Flash (avec de
simples clics ou drag&drop), soit par programmation ActionScript. La première solution
permet une sonorisation simple des animations. La seconde solution est bien évidemment
beaucoup plus puissante puisque le langage ActionScript nous permet de maîtriser
parfaitement les sons (volume, séparation des canaux, arrêt et lecture,…). La gestion du son
par ActionScript relève de la compétence des programmeurs Flash. Cependant, je vous
donnerai quelques pistes et quelques exemples (à regarder plus tard quand vous aurez fini les
chapitres sur ActionScript) si vous avez envie d’aller voir par vousmême la puissance du
langage pour les sons.
2.1 Importation de sons
Pour utiliser des sons dans Flash, vous devez les importer au préalable dans la bibliothèque
associé à l’animation Flash. Notez cependant que l’on peut télécharger des fichiers MP3
pendant la lecture d’une animation (SWF). Reportezvous à l’aide si cela vous intéresse ; nous
n’aborderons pas ce sujet dans le cours.
Conseil : lorsque vous placez un son dans le scénario, il est conseillé de le placer sur
un calque qui lui sera dédié 1 . Ainsi, lorsque vous avez beaucoup de sons sur le
scénario, vous pouvez plus facilement voir leurs apparitions. Sachez que Flash
compactera automatiquement tous les calques contenant des sons lors de l’exportation
de l’animation.
Vous pouvez importer des sons aux formats suivants dans Flash :
· WAV (Windows uniquement),
· AIFF (Macintosh uniquement),
· MP3 (Windows ou Macintosh).
Si vous avez installé QuickTime sur votre système, vous pouvez importer les formats de
fichier audio suivants :
· AIFF (Windows ou Macintosh)
· Sound Designer II (Macintosh uniquement)
· Séquences QuickTime avec son uniquement (Windows ou Macintosh)
· Sun AU (Windows ou Macintosh)
· Sons Système 7 (Macintosh uniquement)
· WAV (Windows ou Macintosh)
Flash enregistre les sons dans la bibliothèque (avec les symboles). Tout comme pour les
symboles, vous n'avez besoin que d'un seul exemplaire d'un fichier audio pour l'utiliser de
diverses façons dans votre animation.
2.1.1 Importer un son
Pour importer un son :
1
Ceci est vrai pour les sons déposés directement sur le scénario, et non pas pour les sons gérés par
programmation avec ActionScript puisque ce langage nous permettra justement de faire tout ce que l’on veut.
· Choisissez « Fichier>Importer>Importer dans la bibliothèque ». Vous
pouvez utiliser aussi Importer dans la scène, ce qui placera directement le son
sur la scène.
· Dans la boîte de dialogue Importer dans la bibliothèque, sélectionnez le (ou
les) fichier(s) audio de votre choix (pensez à vérifier les formats affichés grâce à la zone
Fichiers de type en bas de la fenêtre d’importation).
· Rappel : pour sélectionner plusieurs fichiers, faites des CTRL+clic souris, ou
encore CTRL+A, ou bien encore des MAJ+CTRL+clic souris.
Quand le son est importé dans la Bibliothèque, vous pouvez spécifiez ses paramètres
d’exportation qui seront utilisés lors de la création du SWF. Si vous ne les modifiez pas, les
paramètres d’exportation « par défaut » seront appliqués en fonction du statut du son
(événement, continu, … cf. cidessous).
Note : ces paramètres par défaut sont ceux précisés dans la boite d’exportation
d’animation lorsque vous demandez le menu Fichier>Exporter>Exporter
l’animation. Vous pouvez également cocher la case « Neutraliser les
paramètres audio » dans cette même boîte, ce qui pour effet de ne pas tenir
compte des paramètres individuels des sons ; seuls les paramètres par défaut seront
appliqués.
Pour modifier les paramètres d’exportation, à partir du menu contextuel d’un son (cf. Figure
1), vous pouvez utiliser la commande « Paramètres d’exportation… » (cf. Figure 2)
ou « Propriétés » (cf. Figure 3 et Figure 4).
Figure 1 : Menu contextuel pour les sons (le vôtre est peutêtre différent)
Figure 2 : Paramètres audio pour l’exportation d’un son
Testez le son original
Application des paramètres
d’exportation par défaut
Figure 3 : Propriétés d’un son avant modification de la compression
Testez le son personnalisé
Application de paramètres
d’exportation personnels
(ici le son sera très dégradé)
Taille du fichier son final
(7.7 Ko)= 1.1% du fichier
original (680.1 Ko)
Figure 4 : Propriétés d’un son après modification de la compression
2.1.2 Ajouter du son à une animation
Commençons par regarder comment ajouter du son à une animation, c’estàdire associer un
son à un calque. Ceci vous permettra de mettre une musique de fond, de faire parler un
personnage pendant que son visage bouge, de déclencher un son chaque fois que l’on arrive
sur une image particulière, etc.
Pour ajouter un son à une animation (on suppose que le son est déjà présent dans la
bibliothèque) :
· Créez un calque destiné au son. Rappelezvous que vous pouvez également créer des
dossiers de calques, ceci vous permettra de faire un dossier de calques son par exemple.
Au moment de l’exportation, Flash optimise l’exportation en fusionnant les sons, et donc
le nombre de calques associés aux sons n’a aucune importance.
· Pour ajouter un son à ce nouveau calque, vous pouvez soit faire glisser le son depuis le
panneau Bibliothèque jusqu'à la scène (le son est ajouté dans l’image sélectionnée dans le
calque courant), soit sélectionner l’imageclé du calque qui vous intéresse et choisir, dans
les propriétés de l’imageclé, le son dans la liste des sons proposés par la bibliothèque (cf.
Figure 5).
Sons disponibles dans
la bibliothèque
Effet préprogrammés
ou personnels
Informations sur le son
Mode de lanc ement
du son
Figure 5 : Propriétés sonores d’une imageclé
· Affichez, si ce n’est pas encore fait, les propriétés de l’imageclé contenant le fichier son
(cf. Figure 5)
· Choisissez un effet dans la liste déroulante Effet :
· L'option Aucun signifie qu'aucun effet n'est appliqué au fichier audio. Sélectionnez
cette option pour supprimer des effets audio préalablement définis.
· Les options Canal gauche/Canal droit signifient que le son ne sera diffusé que
dans le canal gauche ou droit, selon l'option sélectionnée.
· Les options Fondu de gauche à droite/Fondu de droite à gauche permettent de
basculer le son d'un canal à l'autre.
· L'option Fondu en entrée augmente progressivement l'amplitude du son.
· L'option Fondu en sortie diminue progressivement l'amplitude du son.
· L'option Personnalisé permet de créer vos propres points d'entrée et de sortie du
son dans la boîte de dialogue Modifier l'enveloppe. Utilisez les poignées pour
modifier l’effet (cf. Figure 6 et Figure 7). Les icônes en bas de la fenêtre peuvent
vous être d’un grand secours également, de même que les poignées qui se trouvent
entre les deux canaux. Ces dernières permettent de ne sélectionner qu’une partie
d’un son ; seule cette partie sera exportée dans le SWF.
Effet préprogrammés
ou personnels
Modification du début du son
(idem pour la fin du son)
Poignées pour modifier
l’enveloppe du son
Figure 6 : Boite de dialogue pour modifier l’enveloppe d’un son
Effet personnalisé car
on a modifié la position
des poignées et on en a
créé d’autres
Nouvelles poignées
Figure 7 : Modification personnelle de l’enveloppe d’un son
· Choisissez une option de synchronisation (c'estàdire le mode de lancement du son) dans
la liste déroulante Sync (cf. Figure 5). Vous pouvez vous reporter au fichier « exemples
de synchronisation.fla » pour tester ces différents modes. Pour cela, je vous invite à tester
l’animation (menu Contrôle>Tester l’animation) depuis Flash et après avoir
configuré le menu Affichage de la fenêtre de test en Shockwave (c'estàdire celle où
se joue le SWF, et non pas le menu Affichage de Flash) tel que présenté sur la Figure 8,
afin de voir le résultat comme montré sur la Figure 9.
· L'option Evénement synchronise le son avec l'occurrence d'un événement. Un son
d'événement est lu lorsque son imageclé initiale commence à s'afficher, et le son
se poursuit intégralement, et indépendamment du scénario, et cela même si
l'animation s'interrompt. Attention aux sons qui ont une durée importante !
Un son qui est lu lorsqu'un utilisateur clique sur un bouton est un exemple de son
d'événement. Si un son d'événement est lu et que ce même son est à nouveau
redéclenché (par exemple par l'utilisateur cliquant à nouveau sur le bouton), la
première occurrence du son se poursuit et l'autre commence simultanément. Les
deux occurrences du son se joueront donc en parallèle.
Si vous placez un son événement sur une imageclé dans un calque, ce son sera
lancé chaque fois que la tête de lecture lira cette imageclé. Faites donc attention
au choix de votre son ; si la tête de lecture passe fréquemment sur cette imageclé,
le son sera joué des multitudes de fois en parallèle !
· L'option Démarrage est identique à l'option Evénement, si ce n'est que le son
sera lu en entier avant d’être éventuellement relancé (il n’y a donc pas de cumul
d’occurrences du son). Si l’imageclé qui contient le son est lu 5 fois de suite, avec
l’option Evénement vous obtiendrez 5 sons identiques lus en parallèle, alors
qu’avec l’option Démarrage vous aurez 5 fois de suite le même son.
Notez que cette répétition sera au maximum de 5. En effet, si on revient sur
l’imageclé avant que le son ne soit fini, ce passage ne provoquera pas la
lecture d’une nouvelle occurrence du son.
· L'option Arrêt entraîne l'interruption du son spécifié (ceci peut vous rendre de
grands services au début J).
· L'option En continu synchronise le son en vue d'une lecture parfaitement
synchronisée avec l’image (particulièrement intéressant sur un site web). Ce mode
est à comparer à la bande son sur une pellicule de cinéma ; sur une pellicule, le son
est « gravé » à coté des images, donc si on voit une image, on a automatiquement
le son associé à cet instant, et Flash fait de même. Flash force l'animation à suivre
le rythme des sons en flux continu. Si Flash ne peut afficher les images de
l'animation suffisamment vite, il les ignore pour faire en sorte que le son ne soit
pas interrompu (même si cela peut arriver tout de même). A l'inverse des sons
d'événement, les sons en flux continu s'interrompent avec l'animation. De même,
un son en flux continu ne peut jamais excéder la longueur des images auxquelles il
correspond.
Exemple : La voix d'un personnage qui parle dans une animation qui se déroule
sur plusieurs images (visage avec mouvements de la bouche) est un exemple de
son en flux continu.
Figure 8 : Choix de l’affichage par image
Figure 9 : Test de l’animation en affichage par image
· Entrez une valeur pour l'option Répéter afin de spécifier le nombre de fois que le son

doit être lu. Pour une lecture continue, sélectionnez l’option Boucle.
Remarque : la lecture en boucle de sons en mode Evénement est vivement
déconseillée ; vous risquez très rapidement une cacophonie totale ! Au contraire, si
vous voulez un son d’ambiance permanent (par exemple des gazouillis d’oiseaux),
choisissez un son en mode Démarrage et en Boucle.
2.2 Ajouter du son à un bouton
Vous pouvez associer des sons aux différents états d'un symbole de bouton. Les sons étant
enregistrés avec le symbole, ils fonctionnent pour toutes les occurrences du symbole.
Avec ActionScript, il sera possible de faire jouer d’autres sons aux occurrences de
boutons. Ainsi, chaque occurrence d’un même bouton pourra avoir ses propres sons.
Le principe est similaire à l’ajout de son dans le scénario d’une animation puisqu’un bouton
contient un scénario.
Conseils :
il est conseillé d’utiliser uniquement des sons courts en mode Evénements pour les
boutons étant donné que les boutons correspondent généralement à des actions
courtes.
si le son risque d’être long ou que les utilisateurs risquent de faire des allers
retours sur le bouton et donc de cumuler les sons sur le bouton, pour éviter des
effets désagréables, les Flasheurs utilisent souvent la technique suivante: la
position « dessus » du bouton contient un son, et la position « haut » contient un
« arrêt » du son de la position « dessus ». Ainsi, dès que la souris sort du bouton,
on arrête le son, même s’il est long à jouer.
Figure 10 : Bouton avec « son » coupé dès qu’on sort du bouton
Pour ajouter un son à un bouton :
· Afficher le scénario du bouton (par exemple en doublecliquant sur son icône dans la
bibliothèque)
· Ajoutez un calque, nommé « audio » par exemple, dans le scénario du bouton.
· Dans le calque audio, créez une imageclé normale ou vide correspondant à l'état du
bouton pour lequel vous souhaitez définir un son. Par exemple, pour ajouter un son lu à
chaque fois que l'utilisateur clique sur le bouton, créez une imageclé dans l'image de l'état
Abaissé.
· Affichez les propriétés de l'imageclé que vous venez de créer.
· Choisissez un fichier audio dans le menu déroulant Son.
· Choisissez Evénement dans la liste déroulante Sync.
Pour associer un son différent à chacune des imagesclés du bouton, créez une imageclé vide
et ajoutez un fichier audio différent pour chaque imageclé. Vous pouvez aussi utiliser le
même fichier audio et appliquer un effet audio distinct pour chaque imageclé du bouton.
Vous pouvez consulter le fichier « un bouton ombré sonorisé final » pour voir un exemple de

bouton sonorisé.
Quand vous aurez étudié les chapitres sur ActionScript, vous pourrez regarder le petit
exemple « soundslider.fla » qui montre un son géré entièrement par ActionScript. C’est juste
pour vous mettre « en appétit » J.
2.3 Exercice
Je ne vous demande pas réellement d’exercice ici. Si le cœur vous en dit, vous pouvez essayer
de refaire la version finale du Star Wars que je vous ai donné (« star wars sonorise
final.zip ») à partir du fichier non sonorisé (« star wars sonorise.zip »), mais qui contient déjà
les sons dans la bibliothèque. Cet exemple fait intervenir la majorité des concepts vus
jusqu’ici (interpolations, sons, etc.).
Attention : cet exemple fait intervenir des concepts non encore abordés dans le cours
(insertion de séquences, programmation avec ActionScript…). Néanmoins, vous pouvez le
recréer séquence par séquence.
3 Les Vidéos et Flash
3.1 Remarques préalables
La vidéo est un vaste domaine. Outre la partie réalisation (prise de vue, prise de son,…) et le
montage, la compression en vue d’une publication sur CD ROM ou Internet est également un
domaine important : choix du CODEC, de type de compression, etc. Ceci vous est expliqué
dans le cours d’Audiovisuel et ne sera donc pas abordé ici. Nous verrons uniquement
comment incorporer et piloter une vidéo dans Flash. La seule chose à retenir est qu’il faut
optimiser au mieux votre vidéo avant son importation dans Flash ; choisissez vos paramètres
de compression en fonction de la cible (CDROM ou Web), de la taille d’affichage de la vidéo
et de la vitesse de lecture de votre animation Flash.
Note importante : Flash MX 2004 Professionnel et Flash 8 Professionnel permettent
une importation évoluée des vidéos. Vous pouvez paramétrer votre importation de
façon assez puissante. Par exemple, vous pouvez importer en vue d’une lecture avec
modem 56K ou ADSL 512 Ko, vous pouvez extraire des séquences vidéos et les
transformer en symboles clips, vous pouvez modifier l’apparence des images (taille,
luminosité, etc.). Tout ceci, si vous vous intéressez à la vidéo, est à étudier par vous
mêmes.
Si vous voulez approfondir la vidéo, lisez par exemple la rubrique d’aide « Utilisation

de Flash>Utilisation de la vidéo » (cf. Figure 11).
Figure 11 : Extrait de l’aide pour la vidéo
Pour toute question concernant l’optimisation, les choix d’importation, et toute autre question
relative à l’aspect technique de la vidéo, merci de vous adresser directement à l’enseignant
d’AudioVisuel.
Pour pouvoir appliquer des interpolations, des actions ou des comportements à un objet vidéo,
vous devez d'abord le convertir en clip. En effet, si on importe une vidéo directement sur la
scène, elle sera lue automatiquement, comme une animation graphique. Si vous voulez la
piloter, il faut la placer dans un clip, et piloter le clip ensuite depuis la scène ou un autre clip.
Une dernière chose : Flash évolue beaucoup et très vite. L’importation de vidéos dans Flash
MX 2004 et dans Flash 8 diffère beaucoup entre les deux versions. Aussi, vous trouverez ci
dessous les détails pour ces deux versions.
Note : Par raison de simplicité des explications cidessous, je vous invite à créer
chaque fois un nouveau document Flash avant de tester les différentes importations.
3.2 Importation de vidéos dans Flash MX 2004 Pro
3.2.1 Importation complète d’une vidéo dans la scène
Choisissez la vidéo à importer (ici « SW.avi » dans le dossier « 5_fichiers videos ») par le
menu Fichier>Importer>Importer dans la scène. Vous obtenez alors la
Figure 12.
Si vous cliquez sur Suivant, vous obtenez la Figure 13 qui vous permet de modifier les
paramètres d’importation (nous verrons cela un peu plus loin). Choisissez par exemple
DSL/Câble 512 Kbits et laissez les paramètres avancés sur « » (ou mettezles sur cette
valeur s’ils n’y sont pas).
Quand vous cliquez sur Terminé, vous obtenez l’avertissement de la Figure 14 (à moins que
nous n’ayez demandé précédemment à ne plus avoir ce type de message). Répondez Oui et
vous obtiendrez un calque avec 83 images. Notez également que la vidéo a été
automatiquement intégrée à la bibliothèque de votre animation.
Si vous tester l’animation, la vidéo se joue automatiquement.
3.2.2 Importation complète d’une vidéo dans la bibliothèque
menu Fichier>Importer>Importer dans la bibliothèque. Vous obtenez
alors la Figure 12.
Si vous cliquez sur Suivant, vous obtenez la Figure 13 qui vous permet de modifier les
paramètres d’importation (nous verrons cela un peu plus loin). Choisissez par exemple
DSL/Câble 512 Kbits et laissez les paramètres avancés sur « » (ou mettezles sur cette
valeur s’ils n’y sont pas).
Quand vous cliquez sur Terminé, la vidéo est automatiquement intégrée à la bibliothèque de
votre animation. Vous pouvez à présent l’intégrer à un symbole clip par exemple, afin de lui
faire suivre une trajectoire tout en modifiant son aspect, son alpha, etc. Regardez par exemple
le fichier « SW évolué » dans le dossier « 5_video final ».
3.2.3 Importation partielle d’une vidéo dans la bibliothèque
alors la Figure 12.
Si vous cliquez sur Modifier la vidéo d’abord, vous obtenez la Figure 15 qui vous
permet de créer des extraits de la vidéo. Utilisez pour cela les boutons sous la vidéo (je pense
que vous saurez vous débrouiller tout seul ici…). Cliquez sur Créer un clip pour
transformer votre sélection en clip (listé à gauche de la fenêtre), et créez autant de clips que
vous voulez (cf. Figure 16).
Si vous cliquez ensuite sur Suivant :
sans avoir coché la case « Combiner une liste (etc.) », vous obtiendrez autant de
symboles vidéo dans votre bibliothèque que d’extraits vidéos que vous avez créés
(cf. Figure 17) ;
en ayant coché la case « Combiner une liste (etc.) », vous obtiendrez un seul
symbole vidéo dans votre bibliothèque. Ce symbole sera la concaténation des extraits
vidéos que vous avez créés.
Quand vous cliquez à l’étape suivante sur Terminé, les extraits vidéo sont automatiquement
intégrés à la bibliothèque de votre animation tel que précisé cidessus. Vous pouvez à présent
les intégrer à des symboles clip par exemple, afin de leur faire suivre des trajectoires tout en
modifiant leur aspect, leur alpha, etc. Regardez par exemple les fichiers « SW » et « SW
évolué » dans le dossier « 5_video final ».
3.2.4 Importation partielle et paramétrée d’une vidéo dans la bibliothèque
alors la Figure 12.
Si vous cliquez sur Modifier la vidéo d’abord, vous obtenez la Figure 15 qui vous
permet de créer des extraits de la vidéo. Utilisez pour cela les boutons sous la vidéo (je pense
que vous saurez vous débrouiller tout seul ici…). Cliquez sur Créer un clip pour
transformer votre sélection en clip (listé à gauche de la fenêtre), et créez autant de clips que
vous voulez (cf. Figure 16).
Si vous cliquez ensuite sur Suivant :
sans avoir coché la case « Combiner une liste (etc.) », vous obtiendrez autant de
symboles vidéo dans votre bibliothèque que d’extraits vidéos que vous avez créés ;
en ayant coché la case « Combiner une liste (etc.) », vous obtiendrez un seul
symbole vidéo dans votre bibliothèque. Ce symbole sera la concaténation des extraits
vidéos que vous avez créés.
A l’étape suivante, avant de cliquer sur Terminé, choisissez « créer un nouveau
profil » dans les Paramètres avancés (cf. Figure 13) ; vous obtenez alors la Figure
18. Dans cette fenêtre, vous pouvez modifier l’apparence, la taille, la zone à importer, la
saturation, etc., de toute la vidéo ou de tous les clips que vous avez créés à l’étape précédente.
La Figure 19 donne un exemple de déformation de la vidéo (saturation, contraste, luminosité
exagérés, recadrage pour ne garder que la partie centrale, etc.).
Dans les options de suivi en bas de la fenêtre, si vous demandez à importer dans des clips 2 ,

votre bibliothèque contiendra autant de symboles vidéos que d’extraits que vous avez créés
(sauf si vous avez demandez la concaténation de ceuxci), et à chaque extrait vidéo
correspondra un symbole clip (cf. Figure 20).
Quand vous cliquez sur Terminé, les extraits vidéo sont automatiquement intégrés à la
bibliothèque de votre animation tel que précisé cidessus (avec ou sans symbole clip associé).
Vous pouvez à présent utiliser les symboles clip afin par exemple de leur faire suivre des
trajectoires tout en modifiant leur aspect, leur alpha, etc. Regardez par exemple les fichiers
« SW » et « SW évolué » dans le dossier « 5_video final ».
Figure 12 : Importation complète d’une vidéo
2
Je vous laisse le soin de regarder les autres choix de cette fenêtre.
Figure 13 : Choix du codage d’importation
Figure 14 : Avertissement au sujet du nombre d’images
Figure 15 : Fenêtre de modification des vidéos
Figure 16 : Création de clips vidéos
Figure 17 : Bibliothèque après importation de la vidéo découpée en clips
Figure 18 : Fenêtre de personnalisation de l’importation de la vidéo
Figure 19 : Exemple de personnalisation d’importation
Figure 20 : Bibliothèque après importation de la vidéo avec conversion automatique des extraits en
clip vidéos
3.3 Importation de vidéos dans Flash 8 Pro
3.3.1 Importation complète d’une vidéo dans la scène
menu Fichier>Importer>Importer de la vidéo. Vous obtenez alors la Figure
21. Flash 8 est plus « amical » que Flash MX 2004 car il vous indique quoi faire à chaque
étape (regardez le texte au centre de la fenêtre). Ainsi, à cette étape, vous pouvez soit importer
de la vidéo depuis votre ordinateur, soit depuis un serveur. Cette dernière solution n’est pas
abordée dans le cours ; reportezvous à l’aide si nécessaire.
Si vous cliquez sur Suivant, vous obtenez la Figure 22 qui vous permet de choisir le type
d’importation. Comme nous voulons importer la vidéo dans l’animation, choisissez
« Incorporer la vidéo dans SWF et la diffuser dans le scénario »
(nous verrons le cas « Téléchargement progressif à partir d’un serveur
web » un peu plus loin). Cliquez sur Suivant, vous obtenez la Figure 23 qui vous permet
de choisir le mode d’incorporation. Nous ne détaillerons pas tous les choix possibles, mais
n’hésitez pas à les tester.
· Type de symbole :
· Vidéo intégrée : la vidéo sera intégrée comme symbole vidéo dans la bibliothèque
· Clip : la vidéo sera intégrée comme symbole clip dans la bibliothèque
· Graphique : la vidéo sera intégrée comme symbole graphique dans la bibliothèque
· Piste audio :
· Séparée : le son sera intégré comme symbole son dans la bibliothèque
· Intégrée : le son fera partie intégrante de la vidéo
· Place l’occurrence sur la scène : si cette case est coché, une occurrence du type de
symbole choisi sera placée sur la scène, sinon le symbole sera uniquement importé dans la
bibliothèque.
· Etendre le scénario si nécessaire : si cette case n’est pas cochée, la vidéo n’occupera que
les images disponibles actuellement dans le scénario ; elle peut donc être tronquée. Si
vous cochez la case, Flash augmentera automatiquement le scénario du nombre d’images
nécessaires pour que la vidéo soit lue entièrement.
· Incorporer toute la vidéo : ceci importera la vidéo en un seul morceau
· Modifier la vidéo en premier : par opposition à l’option précédente, vous pourrez extraire
des morceaux pour en faire des clips. Nous verrons cette option un peu plus loin.
Dans le cas qui nous concerne ici, choisissez « vidéo intégrée », « piste audio
intégrée », cochez « Place l’occurrence sur la scène » et « Etendre le
scénario si nécessaire », et prenez « Incorporer toute la vidéo ». Après
avoir cliqué sur Suivant, vous obtenez la Figure 24. Celleci vous permet de choisir le
codage de la vidéo (codec, compression,…). Avec les petits curseurs sous la vidéo, vous
pouvez choisir de ne prendre qu’une partie de la vidéo si vous le voulez. Vous pouvez
également choisir d’ « afficher les paramètres avancés », ce qui vous donnera
la Figure 25 ; ici, par exemple, j’ai choisi dans l’onglet « codage » de redimensionner la
vidéo en 200%, et j’ai recadré la vidéo dans l’onglet « recadrer et réduire ».
Note importante : Flash garde en mémoire les paramètres avancés de la dernière
utilisation, même s’ils sont masqués. Vous pouvez le constater en regardant « le
profil de codage » en haut de la fenêtre. S’il est indiqué « personnalisé »,
ce sont vos paramètres. Vous pouvez prendre alors un des profils proposés par Flash
pour tout remettre avec les valeurs associées par défaut.
Quand vous avez choisi éventuellement les paramètres, cliquez sur Suivant, vous obtenez
alors la Figure 26. Cliquez alors Terminé, et laissez Flash travailler pour réaliser
l’importation (cf. Figure 27). Soyez patient, surtout à la fin quand la barre de progression est
arrivée au bout, car on croit souvent que Flash a « planté ». Attention également si vous faites
des importations de grandes vidéos (ce qui est déconseillé étant donné la taille du SWF à la
fin !), le temps de travail peut s’avérer très long sur certains ordinateurs.
Si vous tester l’animation, la vidéo se joue automatiquement. Notez que la bibliothèque
contient le symbole vidéo correspondant à la vidéo intégrée (cf. Figure 28, partie gauche). Ce
symbole peut être placé sur la scène, ou inséré dans un clip. Pour ce dernier choix, nous allons
faire cela de façon plus rapide comme expliqué ciaprès.
3.3.2 Importation complète d’une vidéo sous la forme d’un clip
Refaites les étapes vues dans l’importation précédente, en choisissant « clip » comme type
de symbole (cf. Figure 23). A la fin de l’importation, vous aurez une bibliothèque qui
contiendra la vidéo importée, et le clip qui lui est associée (cf. Figure 28, partie droite). Vous
pouvez à présent utiliser le clip comme nous l’avons vu dans le chapitre sur les clips, par
exemple afin de lui faire suivre une trajectoire tout en modifiant son aspect, son alpha, etc.
Regardez par exemple le fichier « SW évolué » dans le dossier « 5_video final ».
3.3.3 Importation partielle d’une vidéo dans la bibliothèque
Refaites les étapes vues dans l’importation précédente, en choisissant « clip » comme type
de symbole, et « modifier la vidéo en premier » (cf. Figure 23). Vous obtenez
alors une fenêtre semblable à celle de la Figure 29. Grâce aux boutons situés sous la vidéo,
sélectionnez une portion de la vidéo, et cliquez sur le bouton « + » en haut à gauche de la
fenêtre. Cela a pour conséquence de créer un nom de clip dans la liste de gauche. Créez ainsi
autant de clips que vous voulez. Quand vous avez fini cette étape, cliquez sur Suivant et
procédez comme d’habitude pour la suite. A la fin, vous obtenez une bibliothèque avec vos
clips vidéo ainsi que les vidéos intégrées.
3.3.4 Importation de vidéo et lecture avec le composant FLV de Flash
Procédez au début comme d’habitude (cf. Figure 21). Puis demandez « téléchargement
progressif à partir d’un serveur web » (cf. Figure 22) et lisez attentivement
le texte sur la droite de la fenêtre. Cela vous sera utile si vous devez créer un site web avec de
la vidéo Flash ! Pour le codage (cf. Figure 24), procédez comme d’habitude. Pour l’étape
suivante (« Réhabillage », cf. Figure 30), choisissez le modèle qui vous convient ; vous
verrez que certains proposent de régler le volume, d’autres non, etc. Passez à l’étape suivante,
et lisez attentivement le texte présent sur la fenêtre !!! En résumé, il vous dit qu’un fichier
FLV (Flash Vidéo) a été créé et devra être exporté sur le site web avec votre SWF. Vous
pouvez paramétrer ensuite le composant vidéo grâce à l’inspecteur de composant, accessible
depuis le menu Fenêtre (cf. Figure 31) ; celuici vous permet par exemple de changer
l’URL du FLV, de dire si la vidéo se lit automatiquement ou non, etc. Reportezvous à l’aide
pour des compléments.
Note : si vous voulez utiliser ce composant sans passer par toutes ces étapes, insérezle
sur votre scène depuis le panneau « Composants », puis « FLVPlayback –
Player 8 », et déposez le composant « FLVPlayback » sur la scène. Il vous reste
ensuite à remplir les paramètres depuis le panneau « Inspecteur de
composants ».
Si vous testez l’animation, vous verrez que le fichier sera téléchargé puis lu, et vous pourrez
« jouer » avec la vidéo pendant la lecture (changement du volume, arrêt/lecture de l’image,
etc.).
Complément
Sachez qu’avec ce composant, il est possible de créer des « cuepoints » (ou « points de
repère »), c'estàdire des marqueurs temporels permettant par exemple de synchroniser du
texte ou des animations graphiques avec de la vidéo. Si cela vous intéresse, cherchez
« cuepoint » ou « points de repère » dans l’aide.
Exercice
Reportezvous à la fin du document…
Figure 21 : Fenêtre d’importation de vidéo
Figure 22 : Choix du type d’importation
Figure 23 : Mode d’incorporation de la vidéo
Figure 24 : Fenêtre de codage des vidéos
Figure 25 : Modification basique de la vidéo avec les paramètres avancés
Figure 26 : Fin d’importation de vidéo
Figure 27 : Importation de la vidéo en cours
Figure 28 : Importation de la vidéo dans la bibliothèque, éventuellement sous forme de clip (à droite)
Figure 29 : Création de clips à partir de la vidéo
Figure 30 : Choix d’un composant de lecture vidéo de Flash
Figure 31 : L’inspecteur du composant Vidéo FLVPlayback
4 Exercice
Je ne vous propose pas réellement d’exercice ici, mais :
vous pouvez vous amuser avec vos vidéos ;
vous pouvez aussi consulter l’aide sur les Comportements pour voir comment piloter
simplement un symbole clip avec vidéo intégrée, sans écrire une seule ligne de code. Le
code ActionScript sera généré par Flash. Voici cidessous deux copies écrans pour vous
guider (un clip doit être déposé et sélectionné sur la scène).
Figure 32 : Comportements prédéfinis pour la gestion de la vidéo

5 - Son Et Vidéo - Flash

Transféré par

Informations du document

Description :

Titre original

Copyright

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Description :

Droits d'auteur :

5 - Son Et Vidéo - Flash

Titre original :

Transféré par

Description :

Droits d'auteur :

MASTER

· Entrez une valeur pour l'option Répéter afin de spécifier le nombre de fois que le son

Vous pouvez consulter le fichier « un bouton ombré sonorisé final » pour voir un exemple de

Si vous voulez approfondir la vidéo, lisez par exemple la rubrique d’aide « Utilisation

Dans les options de suivi en bas de la fenêtre, si vous demandez à importer dans des clips 2 ,

Vous aimerez peut-être aussi