Ce document traite de l'importation et de la manipulation de vidéos dans Adobe Flash, mettant en avant l'importance du format FLV pour le déploiement de vidéos sur internet. Il couvre également les différentes méthodes de conversion, de diffusion et de synchronisation des vidéos, ainsi que les comportements de contrôle disponibles. En conclusion, Flash se révèle être un diffuseur efficace de vidéos sur le web malgré des limitations techniques et des enjeux de standardisation.

1. La vidéo dans Flash Nous allons apprendre à manipuler, importer les films video dans l’outil auteur Flash.

2. Objectifs Savoir importer un film vidéo dans flash Découvrir le format flv de Adobe Savoir distinguer les différentes méthodes de déploiement de fichier flv

3. Plan Présentation et problématique Le format FLV Importation de la vidéo Manipulation de la vidéo Comportements de contrôle Les composants media Chargement dynamique Serveur video et flash communication

4. Qui etes-vous ? Designer/integrateur - conversion - comportements - composantes - programmation légére actionscript 1.0 Programmateur - constriction d’interface web - flex et actionscript 3.0

5. Exercices Créer un vidéo avec webcam Diffusion sur le web avec FSS Conversion en format FLV Intégration avec media display Utilisation des comportements Utilisation des composantes Programmation dans Flex et AS

6. Plan Présentation et problématique Importation de la vidéo Manipulation de la vidéo Comportements de contrôle Les composants media Chargement dynamique Serveur video et flash communication

7. Présentation 2007 :Nous vivons la guerre des normes en vidéo - plusieurs format concurrents : Realnetwork - Quicktime de Apple - tres proche de Flash - Divx, codec tres populaire - Window Media Format - fournit en standard sur windows Dans les outils video, on trouve : - Acquisition de la video - Montage de la video - Premiere de Adobe - Effets spéciaux et retouche - After Effect - Diffusion de la vidéo - position de Flash

8. Explosion de Flv en 2007 YouTube explose - 100 millions de film flv - robustesse de la solution - depot direct de la video sur youtube - 10 minutes et 100 meg - les sites mashup et composite se développeny

9. Utilisation de objet <object width=&quot;425&quot; height=&quot;350&quot;> <param name=&quot;movie“ value=&quot;http://www.youtube.com/v/f5KVl6IS1Fk&quot;> </param><param name=&quot;wmode&quot; value=&quot;transparent&quot;> </param> <embed src=&quot;http://www.youtube.com/v/f5KVl6IS1Fk&quot; type=&quot;application/x-shockwave-flash&quot; wmode=&quot;transparent&quot; width=&quot;425&quot; height=&quot;350&quot;> </embed> </object>

10. Présentation Flash Adobe permet l ’intégration des séquence video dans le swf puis dans les pages web - nombreux changements selon les versions MX, 8 et la CS3 - un importateur universelle quand Quicktime est installé - tres proche de Quicktime dans sa démarche - vaut mieux avoir la derniere version Flash importe la vidéo comme un objet vectoriel. - interpolation de mouvement - synchronisation son/video délicat - il possède un format propriétaire FLV

11. Rich Media et video La force de la vidéo flash est son intégration harmonieux à l’univers vectoriel - la vidéo est un movieclip - interactivité directement dans la viédo - voir le site le chinois

12. Les fonctionnalités 1/2

13. Les fonctionnalités 2/2

14. Plan Présentation et problématique Le format FLV Importation de la vidéo Manipulation de la vidéo Comportements de contrôle Les composants media Chargement dynamique Serveur video et flash communication

15. Le format Flv Le FLV (abréviation en anglais de Flash Video , vidéo flash ) est un format de fichier utilisé sur Internet pour diffuser des vidéos via le lecteur Adobe Flash Player version 6, 7 et 8 Le contenu FLV peut être incorporé aux fichiers SWF .

16. Codec utilisé dans flv Le codec vidéo est - soit le codec Sorenson park - soit le codec VP6 de la société On2, - soit encore une suite de captures écran. - -

17. Avantages 1/2 Il ne charge pas le réseau il requiert un espace sur le serveur faible, le visionnage se fait en parallèle du téléchargement, le téléchargement ne se fait qu'une fois, stocké dans le cache du navigateur,

18. Avantages 2/2 On peut lire le flux dès qu'on a une petite fraction de la vidéo, La qualité de l'image est satisfaisante, On peut se déplacer à un autre endroit de la vidéo (barre de progression active), On peut régler certains paramètres (volume, la taille de l'écran ...) mais ceci est lié à la technologie du lecteur (externe ou SWF )

19. Plan Présentation et problématique Le format FLV Conversion de la vidéo Manipulation de la vidéo Comportements de contrôle Les composants media Chargement dynamique Serveur vidéo et flash communication

20. Importation L'importation consiste avant tout en un encodage dans un codec de compression.

21. Encodage et déploiement L’encodage peut changer énormément dépendamment du mode de déploiement de la séquence vidéo - Téléchargement progressif depuis un serveur web - Diffusion en continu avec le service FVSS - Diffusion en continu à partir de Flash media server - En tant que video pour portable avec swf - incorporer dans SWF et le scénario (rich media)

22. 1. - Téléchargement progressif depuis un serveur web Vous devez par FTP déplacer le fichez flv sur apache ou IISS - flash player 7 - solution la plus simple - utile pour petit film - utilise http comme protocole - faible performance

23. 2. Diffusion en continu avec le service FVSS Flash Video Streaming Service - votre hébergeur vous propose ce service - dailymotion - conversion à distance - flash player 7 Voir www.akamai.fr voir service commercial youtube

24. 3. Diffusion en continu à partir de Flash media server On peut acheter le media server de Adobe Mais il existe de plus en plus des serveurs media flash open source - red5 - Flash media server

25. 4. Flash pour portable Adobe a développé flash lite 2.0 spécifiquement pour le marché des portables

26. 5. Incorporer la video dans le swf Solution pour le rich media - augmente le ficier swf - pas de son - séquence video tres court Travailler avec Flex

27. 1. Importer la video Importer une vidéo dans Flash, c'est facile . Fichier > Importation sur la scene Ficher > Importation dans la bibliothèque - convertit en swf automatiquement Les étapes avec l'assistant - montage sommaire - on découpe le film - on précise la configuration d'encodage - on précise la vitesse de streaming cible - on encode avec Sorenson Park

28. 1. Importer la video

29. Plan Présentation et problématique Importation de la video Manipulation de la video Comportements de contrôle Les composants media Chargement dynamique Serveur video et flash communication

30. Plan Présentation et problématique Importation de la video Manipulation de la video Comportements de contrôle Les composants media Chargement dynamique Serveur video et flash communication

31. Les comportements Flash a des comportements pour les contrôles. - les contrôles : play, stop, rewind, hide, show - on peut adjoindre ces comportements à un movieclip - code action script empaquetés - vidéo imbriqués seulement - non valable pour FLV dynamique

32. Les comportements Les comportements sont des script actionscripts empaquetés - similaire à Dreamweaver - s’adresse aux designers - panneau spécialisé

33. Exemple de comportement 1 Exemple les étapes: 1. Sélectionnez l'objet déclencheur ici une image 2. Affichez le panneau comportement 3. Cliquez sur le + 4. On sélectionne la vidéo

34. Exemple de comportement 2 2. On sélectionne la vidéo sur la scene

35. Exemple de comportement 3 3. Sélectionne le gestionnaire d'événement.

36. Exemple de comportement 4 4. Dans le cas d'une touche de clavier. Un panneau s'affiche.

37. Au final : objet – evenement - action

38. Plan Présentation et problématique Importation de la video Manipulation de la video Comportements de contrôle Les composants média Chargement dynamique Serveur video et flash communication

39. Les composants media Flash fournit des composants qui contrôle plus finement le déroulement et la synchronisation de vos vidéos avec les autres éléments : animation, texte et sons. - création de point de synchronisation (cue point) 1.MediaDisplay 2.MediaController 3.MediaPlayback 4. Définir les cue points

40. Plan Présentation et problématique Importation de la video Manipulation de la video Comportements de contrôle Les composants media Chargement dynamique Serveur video et flash communication

41. Plan Présentation et problématique Importation de la video Manipulation de la video Comportements de contrôle Les composants media Chargement dynamique Serveur video et flash communication

42. Résumé On constate que : - Flash est un diffuseur de video sur le web -Peu de manipulation dans flash -Intégration animation-video tres nouveau. - la position de Macromedia avec le Smil Les freins : - la guerre des normes bat son plein - la bande passante est encore faible sur le réseau - utilisez la video comme élement design - video-clip dans www.imagesobsession.com /