Integration VIDEO

COM3562 Communication Multimédia Février 2012

Aujourd’hui• Calendrier - Exemple Test 2 - Travail final• Retour sur l’interaction

Revenir sur l’insertion des composantes

• Importation du vidéo - habillage• Ajout d’interaction pour

– Partir le vidéo– Arrêter le vidéo– Contrôler le son

Montage - Final Cut Pro– Importation du vidéo dans Final Cut Pro– Découpage du Vidéo dans Final Cut Pro– Effets et transitions– Exportation du vidéo

Exemple de sites Flash • Fondation Daniel Langlois

http://www.fondation-langlois.org/html/f/• Exemples de sites en Flash

Avec vidéos• Le Continental bistro• http://waterlife.nfb.ca/

• Démos des Productions des années passées.

Composants• Même sans apprendre à

programmer les composants. Nous verrons comment les utiliser pour faire une maquette.

Composants• Il faut spécifier

les propriétés pour chaque composant.

• Par exemple dans une pizza..

• Essayez différentsTypes de composants et leur propriétés– Nom– Label =

Étiquette– Enabled– selected

Composants• Pour les boutons radios il faut définir un Nom de groupe

Comme ici Croute = mince ou épaisse

Intégrer un vidéo• Pour Intégrer un vidéo.

• Celui-ci peut être en format flash FLV ou F4V MOV ou MPEG

• Mais Flash ouvre automatiquement Media Encoder pour convertir les vidéos en format lisible.

Importer un vidéo en Flash• Entrer la carte de la caméra dans l’Ordinateur• Sélectionnez et recopier les vidéos sur l’ordinateur• Dans Flash Fichier /Importer / Importer de la vidéo

– Bouton Parcourir

Importer un vidéo en Flash• Choisir le vidéo sur la carte mémoire ou sur le disque

dur• C’est un fichier AVI ou MOV ou MP4 ou autre selon le

cas.

Importer un vidéo en Flash• Après avoir choisi le vidéo cliquez sur le bouton

Lancer Adobe Media Encoder

Transformer le vidéo dans Adobe Media Encoder

• Sélectionne le – > Ajouter -> Démarrer la file d’attente

• Retourner dans Flash et ouvrer le fichier 4Fv qui a été créé.

Importer un vidéo en Flash– Dans Flash ouvrir le fichier

qui a été créé avec une extension f4V

– Choisir le contrôleur pour le vidéo (Réhabillage).

– Pour contrôler le vidéo vous pouvez choisir Habillage = aucun

– Le vidéo apparaît sur la scène

– Pour le contrôler il faut le sélectionner sur la scèneet lui donner un nom

– Vous pouvez décocher• autoPlay

Contrôler le vidéo• Pour contrôler le vidéo• Créez un nouveau

calque• Placez y un bouton :• Dans la fenêtre des

fragments de codeSélectionnez une action

Contrôler le vidéo• Pour contrôler le vidéo

– Créez un nouveau calque– Placez y un bouton :– Dans la fenêtre des fragments de code

Sélectionnez une actionIl faut modifier dans l’Action le nom du vidéo(video_instance_name)

Contrôler le vidéo• Vous pouvez aussi ajouter des boutons de

contrôle en tuilisant les composants.

• Ici ajoutez un bouton Mute

Numérisation dans Final Cut• Trois composantes • Projet - vidéo source ou capture - vidéo exporté• Utiliser importez Fichier pour importer le vidéo.• Découper le vidéo en marquant

le In (i) et le out (o)

Numérisation dans Final Cut• Vous avez plusieurs bandes de vidéo et de son • Video Source Video résultat

Séquence montage

Numérisation dans Final Cut• Vous pouvez vérifier le résultat

dans la fenêtre de droite• Vous pouvez faire des transitions entre deux vidéos.

Numérisation dans Final Cut• Il faut demander le rendu pour voir le résultat• Découper testez, changer le son,

Testez dans le fenêtre de droite

Numérisation dans Final Cut• Exporter utiliser Séquence Quicktime

Ou via conversion Quicktime, vous avez d’autres choix.

Intégrer le vidéo• Utiliser Importer de la vidéo• Choisir le fichier .flv• Choisir un skin TESTEZ

Diffusion Vidéo• Trois sortes de diffusion des vidéos dans Flash• Intégré• Téléchargement progressif• Diffusion continue

• Serveur médias

Exercice• Exercice - Essayez de découper Race to Mars.

• Exercice - Montage de Labelle.