PDF (adobe.com)

Insertion de fichiers FLV



Vous pouvez insérer facilement des vidéos FLV dans vos pages Web sans avoir recours à l'outil de création Flash. Vous devez disposer d'un fichier FLV codé avant de commencer.

Dreamweaver insère un composant SWF qui affiche le fichier FLV. Dans un navigateur, ce composant affiche le fichier FLV sélectionné, ainsi qu'un jeu de contrôles de lecture.

Afficher le graphique à sa taille d'origine

Dreamweaver dispose des options suivantes pour proposer de la vidéo FLV aux visiteurs de votre site :

Vidéo en téléchargement progressif
Télécharge le fichier FLV sur le disque dur du visiteur, puis lance sa lecture. Contrairement aux méthodes traditionnelles de fourniture de vidéo par « téléchargement et lecture », le téléchargement progressif permet de lancer la lecture du fichier vidéo avant la fin de son téléchargement.

Vidéo en flux continu
Diffuse en continu le contenu vidéo et le lit sur une page Web après une courte période de mise en mémoire tampon, ce qui assure une lecture homogène. Pour activer la diffusion vidéo en continu sur vos pages Web, vous devez avoir accès à Adobe® Flash® Media Server.

Vous devez disposer d'un fichier FLV codé avant d'utiliser ce dernier dans Dreamweaver. Vous pouvez insérer les fichiers vidéo créés avec deux types de codecs (technologies de compression/décompression) : Sorenson Squeeze et On2.

Lorsque vous insérez un fichier FLV, tout comme dans le cas d'un fichier SDF ordinaire, Dreamweaver insère du code qui détecte si l'utilisateur dispose d'une version appropriée de Flash Player pour voir la vidéo. Si ce n'est pas le cas, la page affiche un contenu alternatif qui invite l'utilisateur à télécharger la version la plus récente de Flash Player.

Remarque : Pour pouvoir visualiser un fichier FLV, Flash Player en version 8 ou ultérieure doit être installé sur l'ordinateur de l'utilisateur. Si l'utilisateur ne dispose pas de la version requise de Flash Player, mais bien de Flash Player en version 6.0 r65 ou une version ultérieure, le navigateur affiche un programme d'installation express de Flash Player au lieu du contenu alternatif. Si l'utilisateur refuse l'installation express, la page affiche le contenu alternatif.

Pour plus d'informations sur l'utilisation de vidéo, consultez le Centre de technologie vidéo à l'adresse www.adobe.com/go/flv_devcenter_fr.

Insertion d'un fichier FLV

  1. Choisissez Insertion > Médias > FLV.
  2. Dans la boîte de dialogue Insérer un fichier FLV, choisissez Vidéo en téléchargement progressif dans le menu Type de vidéo.
  3. Renseignez les autres sections de la boîte de dialogue selon les besoins puis cliquez sur OK.

Définition des options pour la vidéo en téléchargement progressif

La boîte de dialogue Insérer FLV permet de définir des options pour la remise par téléchargement progressif d'un fichier FLV inséré dans une page Web.

  1. Choisissez Insertion > Médias > FLV (ou cliquez sur l'icône FLV de la catégorie Médias de la barre d'insertion Commun).
  2. Dans la boîte de dialogue Insérer FLV, choisissez Vidéo à téléchargement progressif dans le menu Type de vidéo.
  3. Définissez les options suivantes :
    URL
    Spécifie le chemin absolu ou relatif du fichier FLV. Pour spécifier un chemin relatif (par exemple, monchemin/mavideo.flv), cliquez sur le bouton Parcourir, accédez au fichier FLV et sélectionnez-le. Pour spécifier un chemin absolu, tapez l'URL (par exemple, http://www.exemple.com/mavideo.flv) du fichier FLV.

    Enveloppe
    Définit l'aspect du composant vidéo. Un aperçu de l’enveloppe sélectionnée apparaît sous le menu contextuel Enveloppe.

    Largeur
    Indique la largeur (en pixels) du fichier FLV. Cliquez sur le bouton Détecter la taille pour connaître la largeur exacte du fichier FLV. Si Dreamweaver ne peut pas déterminer la largeur, tapez une valeur.

    Hauteur
    Indique la hauteur (en pixels) du fichier FLV. Cliquez sur le bouton Détecter la taille pour connaître la hauteur exacte du fichier FLV. Si Dreamweaver ne peut pas déterminer la hauteur, tapez une valeur.
    Remarque : Total avec enveloppe indique la largeur et la hauteur du fichier FLV plus la largeur et la hauteur de l'enveloppe sélectionnée.

    Respecter les proportions
    Préserve le rapport hauteur/largeur du composant vidéo. Cette option est sélectionnée par défaut.

    Lecture automatique
    Indique si la lecture de la vidéo doit démarrer ou non dès l’ouverture de la page Web.

    Rembobinage automatique
    Détermine si le contrôle de lecture doit revenir en position de départ au terme de la lecture de la vidéo.

  4. Cliquez sur OK pour fermer la boîte de dialogue et ajouter le contenu FLV à votre page Web.

    La commande Insérer FLV génère un fichier SWF de lecteur vidéo et un fichier SWF d'habillage qui serviront à afficher votre contenu vidéo sur une page Web. (Il est parfois nécessaire de cliquer sur le bouton Actualiser pour afficher les nouveaux fichiers dans le panneau Fichiers). Ces fichiers sont stockés dans le même répertoire que le fichier HTML auquel vous ajoutez du contenu vidéo. Lorsque vous chargez la page HTML incluant le fichier FLV, Dreamweaver ces fichiers en tant que fichiers dépendants (à condition de cliquer sur Oui dans la boîte de dialogue Placer les fichiers dépendants).

Définition des options pour la vidéo en flux continu

La boîte de dialogue Insérer FLV permet de définir des options pour le téléchargement de vidéo en flux contenu d'un fichier FLV inséré dans une page Web.

  1. Choisissez Insertion > Médias > FLV (ou cliquez sur l'icône FLV de la catégorie Médias de la barre d'insertion Commun).
  2. Activez l’option Vidéo en flux continu dans le menu contextuel Type de vidéo.
    URI du serveur
    Indique le nom du serveur FCS, le nom de l’application et le nom de l’instance dans le formulaire rtmp://www.example.com/app_name/instance_name.

    Nom du flux
    Spécifie le nom du fichier FLV à lire (par exemple, mavideo.flv). L'extension .flv est facultative.

    Enveloppe
    Définit l'aspect du composant vidéo. Un aperçu de l’enveloppe sélectionnée apparaît sous le menu contextuel Enveloppe.

    Largeur
    Indique la largeur (en pixels) du fichier FLV. Cliquez sur le bouton Détecter la taille pour connaître la largeur exacte du fichier FLV. Si Dreamweaver ne peut pas déterminer la largeur, tapez une valeur.

    Hauteur
    Indique la hauteur (en pixels) du fichier FLV. Cliquez sur le bouton Détecter la taille pour connaître la hauteur exacte du fichier FLV. Si Dreamweaver ne peut pas déterminer la hauteur, tapez une valeur.
    Remarque : Total avec enveloppe indique la largeur et la hauteur du fichier FLV plus la largeur et la hauteur de l'enveloppe sélectionnée.

    Respecter les proportions
    Préserve le rapport hauteur/largeur du composant vidéo. Cette option est sélectionnée par défaut.

    Vidéo en temps réel
    Indique si le contenu vidéo est en temps réel ou non. Si vous sélectionnez Vidéo en temps réel, Flash Player diffuse en continu un flux vidéo provenant de Flash® Media Server. Le nom de la vidéo en temps réel est le nom indiqué dans la zone Nom du flux.
    Remarque : Si vous activez l’option Vidéo en temps réel, seul le contrôle de volume apparaît sur l’enveloppe du composant, car il est impossible d’intervenir sur de la vidéo en temps réel. De plus, les options Lecture automatique et Rembobinage automatique sont sans effet.

    Lecture automatique
    Indique si la lecture de la vidéo doit démarrer ou non dès l’ouverture de la page Web.

    Rembobinage automatique
    Détermine si le contrôle de lecture doit revenir en position de départ au terme de la lecture de la vidéo.

    Délai mise en tampon
    Indique le délai (en secondes) de mise en tampon avant le début de la lecture de la vidéo. Par défaut, la mise en tampon est paramétrée sur 0, si bien que la lecture de la vidéo débute instantanément après un clic sur le bouton de lecture. (Si l'option Lecture automatique est activée, la lecture de la vidéo débute dès que la connexion avec le serveur est établie.) Il peut également être nécessaire de définir un délai de mise en mémoire tampon si vous fournissez une vidéo dont le débit en bits est supérieur à celui de la connexion du visiteur du site ou lorsque le volume de trafic Internet risque d'engendrer des problèmes de bande passante ou de connectivité. Par exemple, si vous souhaitez envoyer 15 secondes de vidéo à la page Web avant que cette dernière ne lise la vidéo, définissez le délai de mise en mémoire tampon sur 15.

  3. Cliquez sur OK pour fermer la boîte de dialogue et ajouter le contenu FLV à votre page Web.

    La commande Insérer FLV génère un fichier SWF de lecteur vidéo et un fichier SWF d'habillage qui serviront à afficher votre vidéo sur une page Web. La commande génère également un fichier main.asc que vous devez transférer sur votre serveur Flash Media Server. (Il est parfois nécessaire de cliquer sur le bouton Actualiser pour afficher les nouveaux fichiers dans le panneau Fichiers). Ces fichiers sont stockés dans le même répertoire que le fichier HTML auquel vous ajoutez du contenu vidéo. Lorsque vous transférez sur votre serveur la page HTML contenant le fichier FLV, n’oubliez pas de transférer également ces fichiers SWF, et de transférer le fichier main.asc sur votre serveur Flash Media Server.

    Remarque : Si un fichier main.asc se trouve déjà sur votre serveur, consultez l’administrateur de ce serveur avant de transférer le fichier main.asc généré par la commande Insérer FLV.

    Vous pouvez charger facilement tous les fichiers médias requis en sélectionnant l'espace réservé pour le composant vidéo dans la fenêtre Document de Dreamweaver puis en cliquant sur le bouton Transférer multimédia dans l'inspecteur Propriétés (Fenêtre > Propriétés). Pour voir la liste des fichiers nécessaires, cliquez sur le bouton Afficher les fichiers nécessaires.

    Remarque : Le bouton Transférer multimédia ne transfère pas le fichier HTML qui contient le composant vidéo.

Modification des informations de téléchargement de Flash Player

Lorsque vous insérez un fichier FLV sur une page, Dreamweaver insère du code qui détecte si l'utilisateur dispose de la version appropriée de Flash Player. Si ce n'est pas le cas, la page affiche du contenu alternatif afin d'inviter l'utilisateur à télécharger la version la plus récente. Vous pouvez à tout moment modifier ce contenu alternatif.

Cette procédure s'applique également aux fichiers SWF.
Remarque : Si l'utilisateur ne dispose pas de la version requise mais bien de Flash Player en version 6.0 r65 ou une version ultérieure, le navigateur affiche un programme d'installation express de Flash Player. Si l'utilisateur refuse l'installation express, la page affiche le contenu alternatif.
  1. Dans la fenêtre de document, en mode Création, sélectionnez le fichier SWF ou FLV.
  2. Cliquez sur l'icône représentant un œil dans l'onglet du fichier SWF ou FLV.
    Vous pouvez également utiliser le raccourci CTRL + ] pour activer l'affichage du contenu alternatif. Pour rétablir l'affichage du fichier SWF/FLV, appuyez sur CTRL + [ jusqu'à ce que l'intégralité du contenu alternatif soit sélectionnée. Ensuite, appuyez à nouveau sur CTRL + [.
  3. Modifiez le contenu comme vous le feriez pour tout autre contenu dans Dreamweaver.
    Remarque : Il est impossible d'ajouter des fichiers SWF ou FLV en tant que contenu alternatif.
  4. Cliquez à nouveau sur l'icône représentant un œil pour revenir à l'affichage du fichier SWF ou FLV.