Vous pouvez ajouter une vidéo Flash sur une page web à l'aide de deux logiciels : Dreamweaver et Flash.
Vous devez également opter pour une méthode de diffusion : le téléchargement progressif ou la diffusion en continu. Pour plus d'informations, consultez la page Options de diffusion des vidéos Flash.
Dreamweaver 8 permet d'ajouter rapidement une vidéo sur une page web sans passer par Flash. Pour bénéficier de fonctionnalités avancées (ajout d'interactivité, large choix d'interfaces personnalisées, application d'un calque vidéo à une autre animation Flash et synchronisation de la vidéo avec du texte et des graphiques), utilisez Flash.
Lors de l'incorporation d'une vidéo dans une page web, vous pouvez ajouter un comportement chargé de détecter Flash Player. Vous pouvez notamment vérifier que les internautes qui tentent d'afficher la page disposent d'une version de Flash Player qui leur permettra de visualiser votre contenu. Pour plus d'informations sur la détection des modules externes, consultez l'article de Robert Hoekman intitulé "Méthodes conseillées pour la détection de Flash Player".
La procédure ci-après décrit l'ajout d'une vidéo Flash sur une page web via Dreamweaver. Avant de commencer, veillez à disposer d'une vidéo Flash codée au format FLV.
Vous pouvez sélectionner une option qui insère du code détectant la version de Flash Player requise pour visionner la vidéo Flash et, le cas échéant, invite l'utilisateur à télécharger la dernière version de ce lecteur.
Pour accéder à un didacticiel sur la création d'un projet Dreamweaver incluant une vidéo Flash, consultez l'article de Jen deHaan intitulé "Présentation d'une vidéo avec le composant Flash Video de Dreamweaver 8*".
L'environnement de programmation de Flash permet de créer une interface sophistiquée destinée à la lecture de vidéos dans le navigateur.
La procédure suivante explique comment utiliser certains composants pour programmer une vidéo Flash. Vous pouvez importer un fichier vidéo déjà déployé sur un serveur web, ou en sélectionner un stocké sur votre ordinateur et le charger sur le serveur après importation dans le fichier FLA. Pour plus d'informations sur le codage manuel des commandes vidéo à l'aide d'ActionScript, consultez la section des LiveDocs Flash intitulée "Playing back external FLV files dynamically". (Voir Using Flash > Working with video > Using ActionScript to play external Flash video > Playing back external FLV files dynamically.)
Sélectionnez une enveloppe pour votre clip. Vous pouvez choisir de :
Chargez les éléments suivants sur le serveur web qui héberge votre vidéo :
Le clip vidéo codé en FLV (situé dans le même dossier que le clip vidéo source sélectionné avec une extension .flv).
Remarque : si le clip vidéo est au format FLV, Flash utilise un chemin d'accès qui pointe vers le fichier FLV (depuis le fichier SWF), ce qui vous permet d'utiliser en local la même structure de répertoires que sur le serveur.
Le fichier SWF de l'enveloppe vidéo (si vous choisissez d'utiliser une enveloppe).
Si vous choisissez d'utiliser une enveloppe prédéfinie, Flash copie le fichier SWF d'enveloppe dans le même dossier que le fichier FLA.
Le fichier SWF contenant le composant vidéo.
Vous devez alors remplacer l'adresse URL du composant par celle du serveur web sur lequel vous chargez la vidéo via le panneau Inspecteur de composants. Pour plus d'informations, consultez la section des LiveDocs Flash intitulée "Specifying the contentPath parameter". (Voir Using Flash > Working with video > Using ActionScript to play external Flash video > Specifying the contentPath parameter.)
Remarque : le paramètre contentPath décrit dans la section ci-dessus est disponible si vous utilisez la version ActionScript 2.0 du composant FLVPlayback. Pour plus d'informations sur le paramètre source d'ActionScript 3.0, consultez la section des LiveDocs Flash intitulée "Specifying the source parameter". (Voir Using ActionScript 3.0 Components > Using the FLVPlayback component > FLVPlayback component parameters > Specifying the source parameter.)
Vous pouvez importer un fichier vidéo déjà déployé sur un serveur Flash Media Server (anciennement Flash Communication Server) ou FVSS, ou en sélectionner un stocké sur votre ordinateur et le charger sur le serveur après importation dans le fichier FLA.
(Facultatif) Si la vidéo déployée n'est pas au format FLV, vous pouvez utiliser le panneau Codage pour sélectionner un profil de codage, et recadrer, réduire et diviser le clip vidéo.
Remarque : cette étape s'applique uniquement si vous chargez de la vidéo à partir de votre ordinateur local. Les clips déjà déployés sur un serveur doivent avoir été préalablement codés au format FLV.
Si la vidéo déployée n'est pas au format FLV, l'assistant Importation d'une vidéo affiche le panneau Codage. Pour plus d'informations sur le codage de votre vidéo à l'aide de l'assistant Importation d'une vidéo, consultez la section des LiveDocs Flash intitulée "Selecting a video encoding profile". (Voir Using Flash > Working with video > Encoding video > Selecting a video encoding profile.)
L'assistant Importation d'une vidéo code le clip vidéo source au format FLV (s'il n'est pas déjà dans ce format) et crée un composant vidéo sur la scène que vous pouvez utiliser pour tester la lecture vidéo en local.
Le clip vidéo codé en FLV (situé dans le même dossier que le clip vidéo source sélectionné avec une extension .flv).
Remarque : si la vidéo que vous utilisez a déjà été déployée sur votre serveur Flash Media Server (ou Flash Communication Server) ou le service FVSS hébergeant votre vidéo, vous pouvez ignorer cette étape.
