Remarque : ce guide d'apprentissage présente le format vidéo Flash et vous fournit tous les outils nécessaires pour améliorer vos compétences. Ce guide reprend un certain nombre d'éléments de la documentation sur les produits Flash. Lorsque vous découvrez de nouvelles fonctionnalités, commencez par consulter l'aide Flash (également disponible dans les LiveDocs Flash).

Le format vidéo Flash permet d'insérer facilement dans une page web une vidéo quasiment visionnable par tous. Ce guide présente le format vidéo Flash et fournit notamment des informations sur la création et la publication de vidéos Flash.

Éléments requis

Pour pouvoir consulter ce guide, vous devez installer le logiciel suivant :

Flash CS3 Professional

• Essayer
• Acheter

Remarque : ce guide d'apprentissage est destiné aux utilisateurs de Flash CS3 Professional. Si vous utilisez Flash Professional 8, consultez la version précédente du guide d'apprentissage Flash*.

Liste de contrôle en vue de la création d'une vidéo Flash

La procédure ci-après décrit la création d'un contenu vidéo Flash et sa publication en ligne. Les procédures de création et de publication de vidéos à la demande (pré-enregistrées) diffèrent de celles applicables aux vidéos en direct.

Pour plus d'informations sur la vidéo en direct, consultez le pôle de développement Flash Media Server*.

Pour créer une vidéo Flash à la demande :

1. Procédez à l'acquisition d'une vidéo (filmée par vous-même avec un caméscope numérique ou obtenue auprès d'un tiers).
2. Choisissez un mode de diffusion. Consultez la page Options de diffusion des vidéos Flash.
3. Codez la vidéo au format vidéo Flash (FLV). Consultez la page Acquisition et codage vidéo.
4. Incorporez la vidéo dans vos pages web et publiez ces dernières sur le web. Consultez la page Ajout de vidéos Flash sur votre page web.

La vidéo et le web

La vidéo et le web semblent indissociables. La vidéo est certainement le support qui reproduit le mieux nos expériences visuelles quotidiennes, tandis que le web est un terrain de jeu sans limite qui regorge de contenu intéressant. Il serait donc logique que des milliers de sites web comportent non seulement des données, du contenu et des commandes interactives mais également des vidéos, qui offrent des expériences bien plus riches et attrayantes que sur un écran de télévision.

Malheureusement, les premières vidéos sur le web se limitaient souvent à des rectangles de contenu qui apparaissaient dans une fenêtre contextuelle distincte recouvrant la page web de départ. Les images vidéo étaient généralement de petite taille et de mauvaise qualité et les utilisateurs peu satisfaits.

Divers problèmes techniques empêchaient les concepteurs d'exploiter tout le potentiel de la vidéo :

Limites de la bande passante

La lecture de clips vidéo, même très courts, requiert plusieurs mégaoctets de données. Grâce à l'augmentation de la bande passante, ce problème a été en partie résolu. De plus en plus d'internautes disposent de la bande passante nécessaire pour visualiser du contenu vidéo sur le web. La taille des fichiers demeure cependant problématique pour nombre d'entre eux.

Complexité de la création de vidéos pour le web

Il n'existe pas de palette d'outils standard pour créer du contenu interactif, contrôler la navigation et fusionner des vidéos avec d'autres contenus multimédias sophistiqués. Par ailleurs, la plupart des clients de lecture vidéo n'étant pas pré-installés sur les systèmes des internautes, ces derniers doivent souvent interrompre leur navigation pour télécharger un module externe ou une application avant de pouvoir lire la vidéo.

Absence d'intégration satisfaisante des vidéos et des autres contenus web

La plupart des formats vidéo pour le web peuvent uniquement être lus dans une fenêtre rectangulaire.

Heureusement, les vidéos Flash (qui s'affichent sans problème et en contexte, dans un format compatible avec Flash Player) viennent à bout de ces problèmes.

Pour plus d'informations sur la vidéo, consultez la page Présentation des normes vidéo.

À propos des vidéos Flash

Les vidéos Flash offrent des avantages sur les plans technologique et créatif qui permettent de concevoir du contenu riche et captivant combinant vidéo, données, graphismes, son et contrôle interactif dynamique. La présentation de vidéos en ligne au format Flash offre les avantages suivants :

Omniprésence

Depuis 2002 et l'arrivée du format vidéo Flash, Flash Player est devenu le client vidéo Internet le plus utilisé. Il est en effet installé sur plus de 96 % des ordinateurs personnels connectés à Internet. Il est par ailleurs compatible avec un grand nombre de plates-formes et de systèmes d'exploitation. Omniprésence de Flash Player oblige, la plupart des internautes peuvent visionner une vidéo Flash sans avoir à télécharger de modules externes supplémentaires. Vous touchez ainsi davantage d'individus tout en réduisant vos frais de développement, de test et de support.

Totale maîtrise de la créativité

Le format vidéo Flash s'intègre parfaitement dans votre site web et vous permet de personnaliser votre image de marque et de créer des commandes de lecture uniques en leur genre. Vous pouvez également définir la taille et les proportions de votre vidéo, qui peut changer de manière dynamique selon la source des données.

Vidéos contextuelles, riches et interactives

Le format vidéo Flash offre des expériences visuelles captivantes et interactives. Les vidéos Flash peuvent se voir appliquer des calques, faire l'objet de scripts et être contrôlées comme tout autre objet d'un fichier SWF. Elles font partie intégrante du contenu visuel, contrairement aux fenêtres contextuelles distinctes qui provoquent une interruption.

L'image ci-après illustre une page web contenant une vidéo Flash synchronisée avec du texte et des graphismes. Le contour bleu en pointillé définit la zone d'affichage du fichier SWF et le contour rouge en pointillé la zone d'affichage du fichier vidéo Flash (FLV) qui fait partie du contenu SWF. Un fichier SWF peut contenir des graphismes, du texte et une logique client (pour créer des commandes vidéo, par exemple). Il peut faire référence à un fichier FLV externe et être lu dans Flash Player. Un fichier FLV contient essentiellement du son et de la vidéo et se lit dans un fichier SWF (voir Figure 1).

Figure 1. Vidéo Flash lue dans un fichier SWF

Fonctionnalités et outils de production du format vidéo Flash

Voici la liste des outils, fonctionnalités, serveurs et services que vous pouvez utiliser pour créer et diffuser de formidables contenus visuels à l'aide du format vidéo Flash.

Fonctions vidéo d'Adobe Flash CS3 Professional :

Flash CS3 Professional est le principal outil de création de l'interface utilisateur des vidéos Flash :

• Assistant Importation d'une vidéo de Flash : pour importer une vidéo dans Flash, il suffit de choisir Fichier > Importer > Importer de la vidéo. La boîte de dialogue Importer de la vidéo vous guide tout au long de la conversion des fichiers vidéo au format FLV et de la configuration du composant FLVPlayback.
• Codage vidéo et exportation de points de repère au format XML : vous pouvez exporter les options de codage et les paramètres des points de repère dans un fichier XML à l'aide de l'assistant Importation d'une vidéo de Flash ou de la fonction de codage vidéo de Flash CS3. Les paramètres XML peuvent être importés de la même manière, ce qui garantit l'homogénéité et la convivialité du processus de production vidéo.
• Composant FLVPlayback : ce composant permet de lire les fichiers FLV externes et de se connecter à Flash Media Server. Flash CS3 Professional comprend un composant ActionScript 3.0 FLVPlayback mis au niveau de la structure du composant ActionScript 3.0. Le composant FLVPlayback de Flash Professional 8 est encore disponible pour les fichiers ActionScript 2.0.
• Éléments d'interface personnalisés de FLVPlayback : ces éléments vous permettent de configurer aisément les commandes du composant FLVPlayback. Consultez l'article Habillage du composant FLVPlayback pour plus d'informations.
• Composant FLVPlaybackCaptioning : nouveauté de Flash CS3 Professional, ce composant vous permet d'afficher dans un fichier ActionScript 3.0 des légendes synchronisées pour le composant FLVPlayback. Consultez la page Synchronisation vidéo et légendes.
• Nouvelles fonctions de mise en pages et de dimensionnement : ce composant FLVPlayback ActionScript 3.0 offre des améliorations en termes de mise en pages et de dimensionnement, avec notamment la prévisualisation vidéo externe, le contrôle du dimensionnement lors de la lecture de plusieurs vidéos et le mode plein écran.
• Codecs vidéo : Flash Player 7 a introduit le codec Sorenson Spark et Flash Player 8 le codec On2 VP6.
• Options de codage : vous pouvez maintenant coder une vidéo flash de trois manières différentes : via l'assistant Importation d'une vidéo de Flash, la fonction de codage vidéo de Flash et le module d'exportation QuickTime, qui permet de coder le son et la vidéo au format FLV lors de l'exportation à partir d'applications de montage vidéo tierces prenant en charge les modules d'exportation QuickTime.
• Fonction de codage d'Adobe Flash CS3 : cet utilitaire autonome vous permet de coder des vidéos source au format FLV. Il est installé avec Flash CS3 Professional.
• Adobe Flash Player 9 : ce client léger et performant lit les vidéos et contenus Flash.

Autres applications, serveurs et services vidéo

Vous constaterez certainement que l'utilisation d'outils supplémentaires peut augmenter sensiblement votre production vidéo et multiplier les possibilités de diffusion :

• Flash Media Server : anciennement Flash Communication Server, ce serveur permet de diffuser du contenu audio et vidéo dans Flash Player version 6 ou ultérieure. La diffusion de vidéos en continu requiert Flash Media Server.
• Flash Video Streaming Service (FVSS) : ce service disponible sur abonnement, proposé par des tiers, utilise Flash Media Server pour héberger des vidéos en diffusion continue et garantir à la fois hautes performances et évolutivité. Si vous ne pouvez pas ou ne souhaitez pas configurer votre propre serveur Flash Media Server, vous pouvez utiliser un service hébergé. Pour plus d'informations sur le service FVSS, consultez la page Diffusion de vidéos de qualité à l'aide du service FVSS*.
• Flash Media Live Encoder : la dernière technologie de codage multimédia d'Adobe est conçue pour permettre l'acquisition de contenu audio et vidéo et sa diffusion en continu sur Flash Media Server (FMS) ou Flash Video Streaming Service (FVSS).
• Adobe Dreamweaver CS3 : cet outil de conception web inclut une fonction d'importation qui permet d'incorporer aisément du contenu vidéo Flash dans une page web, avec un nombre plus limité d'options de personnalisation ou d'habillage du lecteur vidéo. Notez que pour pouvoir utiliser un fichier dans Dreamweaver, vous devez d'abord le coder au format FLV.
• Adobe After Effects CS3 Professional et Premiere Pro CS3 : les logiciels de référence d'Adobe en matière d'animation et de production vidéo peuvent exporter des fichiers au format FLV lorsque Flash CS3 Professional est installé.

Options de diffusion des vidéos Flash

Si vous souhaitez utiliser une vidéo Flash sur votre site, vous devez choisir un mode de diffusion. Les deux principales options sont le téléchargement progressif et la diffusion en continu (par défaut, les fichiers FLV sont téléchargés progressivement. Flash Media Server est requis pour la diffusion en continu).

Remarque : une troisième option consiste à incorporer la vidéo dans le scénario Flash mais il est conseillé de n'utiliser que des clips très courts, sans piste audio.

Pour savoir quelle option de diffusion choisir, consultez le Tableau 1. Identifiez votre cas dans la colonne de gauche, puis examinez les options de diffusion conseillées. Lorsque deux options sont signalées, elles sont toutes les deux valables.

Tableau 1. Options de diffusion des vidéos Flash

	Incorporation	Téléchargement progressif	Diffusion en continu
Durée du clip inférieure à 5 secondes
Durée du clip comprise entre 5 et 30 secondes
Durée du clip supérieure à 30 secondes
Qualité médiocre
Qualité moyenne à haute
Démarrage instantané
Protection de la propriété intellectuelle
Flux vidéo en direct
Vitesse de flux variable selon la bande passante de l'internaute
Utilisation de SMIL pour contrôler la sélection des fichiers

Pour plus d'informations sur les options de diffusion, consultez la page Options de diffusion des vidéos Flash.

Après avoir sélectionné une option de diffusion, choisissez l'outil de programmation à utiliser : Flash ou Dreamweaver.

L'importation de vidéos directement dans Dreamweaver est idéale lorsque vous souhaitez ajouter rapidement une vidéo sur votre site, sans autre élément interactif que de simples commandes de lecture (lecture, arrêt, pause, avance et retour). Dreamweaver facilite l'intégration de vidéos Flash dans une mise en pages HTML.

Si vous devez développer un contenu plus interactif ou personnaliser complètement une vidéo, utilisez les fonctions vidéo de Flash CS3. Vous aurez également besoin de Flash CS3 Professional pour coder les fichiers vidéo Flash (FLV).

Pour plus d'informations sur les options de programmation, consultez la page Ajout de vidéos Flash sur votre page web.

Page 1 sur 6

Page suivante

A propos de l'auteur