Show Menu
SUJETS×

Ajout de ressources Dynamic Media aux pages

To add the Dynamic Media functionality to assets you use on your websites, you can add the Dynamic Media or Interactive Media component directly on the page. You do this by entering Design mode and enabling the dynamic media components. Vous pouvez ensuite ajouter ces composants à la page et ajouter des ressources au composant. Les composants Dynamic Media et Interactive Media sont dynamiques : ils détectent si vous ajoutez une image ou une vidéo et les options disponibles changent en conséquence.
Vous ajoutez directement des fichiers de médias dynamiques à la page si vous utilisez AEM comme gestion de contenu Web.
Les zones cliquables sont disponibles et prêtes à l’emploi pour les bannières de carrousel.

Ajout d’un composant Dynamic Media à une page

Adding the Dynamic Media or Interactive Media component to a page is the same as adding a component to any page. The Dynamic Media and Interactive Media components are described in detail in the following sections.
Pour ajouter un composant/une visionneuse Dynamic Media à une page, procédez comme suit :
  1. Dans AEM, ouvrez la page où vous souhaitez ajouter le composant Dynamic Media.
  2. If no Dynamic Media component is available, click the ruler in the Sidekick to enter Design mode, click Edit parsys, and select Dynamic Media to make the Dynamic Media components available.
    Pour plus d’informations, voir Configuration des composants en mode Création .
  3. Return to Edit mode by clicking the pencil icon in the Sidekick.
  4. Drag the Dynamic Media or Interactive Media component from the Other group in the sidekick onto the page in the desired location.
  5. Cliquez sur l’icône  Modifier  pour ouvrir le composant.
  6. Composant Dynamic Media Modifiez le composant comme requis et cliquez sur OK pour enregistrer les modifications.

Composants Dynamic Media

Contenu multimédia dynamique et Contenu multimédia interactif sont disponibles dans le Sidekick sous Contenu multimédia ​dynamique. Vous utilisez le composant Interactive Media pour toutes les ressources interactives telles que du contenu vidéo interactif, des images interactives ou des ensembles de carrousels. Pour tous les autres composants Dynamic Media, utilisez le composant Dynamic Media .
Ces composants ne sont pas disponibles par défaut et doivent être sélectionnés en mode Conception avant leur utilisation. Une fois les composants disponibles en mode Conception , vous pouvez les ajouter à votre page comme vous le feriez avec tout autre composant AEM.

Composant Dynamic Media

Le composant Contenu multimédia dynamique est intelligent ; selon que vous ajoutez une image ou une vidéo, vous disposez de différentes options. Le composant prend en charge les paramètres d’image prédéfinis, ainsi que les visionneuses d’images telles que les visionneuses d’images, les visionneuses à 360°, les visionneuses de médias mixtes et le contenu vidéo. En outre, le lecteur est réactif. Autrement dit, la taille de l’écran change automatiquement en fonction de la taille de l’écran. Toutes les visionneuses sont des visionneuses HTML5.
When you add the Dynamic Media component, and Dynamic Media Settings is blank or you cannot add an asset properly, check the following:
  • Vous avez activé Dynamic Media . Par défaut, ce module complémentaire est désactivé.
  • L’image possède un fichier pyramid tiff. Les images importées avant l’activation de Dynamic Media ne possèdent pas de fichier pyramid tiff.

En cas d’utilisation d’images

The Dynamic Media component lets you add dynamic images, including image sets, spin sets, and mixed media sets. Vous pouvez effectuer un zoom avant et arrière, faire pivoter une image dans une visionneuse à 360 °ou sélectionner une image dans un autre type de visionneuse.
Vous pouvez également configurer directement dans le composant les paramètres prédéfinis de la visionneuse ou de l’image ou le format de l’image. Pour rendre une image réactive, vous pouvez définir les points d’arrêt ou appliquer un paramètre prédéfini d’image réactive.
You can edit the following Dynamic Media settings by clicking Edit in the component and then clicking the Dynamic Media Settings tab.
Par défaut, le composant d’image Dynamic Media est adaptatif. If you want to make it a fixed size, set it in the component in the Advanced tab with the Width and Height properties.
Paramètre prédéfini de visionneuse : sélectionnez un paramètre prédéfini de visionneuse existant dans le menu déroulant. Si le paramètre prédéfini de visionneuse que vous recherchez n’est pas visible, vous devrez le rendre visible. Voir Gestion des paramètres prédéfinis de visionneuse . Si vous utilisez un paramètre prédéfini d’image, vous ne pouvez pas sélectionner de paramètre prédéfini de visionneuse, et inversement.
Il s’agit de la seule option disponible si vous affichez des visionneuses d’images, à 360° ou de supports variés. Les paramètres prédéfinis de la visionneuse affichés sont également intelligents ; seuls les paramètres prédéfinis pertinents de la visionneuse apparaissent.
Paramètre d’image prédéfini : sélectionnez un paramètre d’image prédéfini existant dans le menu déroulant. Si le paramètre prédéfini d’image que vous recherchez n’est pas visible, vous devrez le rendre visible. Voir Gestion des paramètres d’image prédéfinis . Si vous utilisez un paramètre prédéfini d’image, vous ne pouvez pas sélectionner de paramètre prédéfini de visionneuse, et inversement.
Cette option n’est pas disponible si vous affichez des visionneuses d’images, à 360 ° ou de supports variés.
Modificateurs d’image : vous pouvez modifier les effets d’image en fournissant des commandes d’image supplémentaires. These are described in Managing Image Presets and the Command reference .
Cette option n’est pas disponible si vous affichez des visionneuses d’images, à 360 ° ou de supports variés.
Points d’arrêt : si vous utilisez cette ressource sur un site réactif, vous devez ajouter les points d’arrêt de page. Les points d’arrêt d’image doivent être séparés par des virgules (,). Cette option fonctionne lorsqu’il n’existe aucune valeur de hauteur ou largeur définie dans un paramètre d’image prédéfini.
Cette option n’est pas disponible si vous affichez des visionneuses d’images, à 360 ° ou de supports variés.
You can edit the following Advanced Settings by clicking Edit in the component.
Titre - Modifie le titre de l'image.
Texte de remplacement : ajoutez un titre à l’image pour les utilisateurs dont les graphiques sont désactivés.
Cette option n’est pas disponible si vous affichez des visionneuses d’images, à 360 ° ou de supports variés.
URL, Ouvrir dans : vous pouvez définir un fichier à partir duquel ouvrir un lien. Set the URL and Open in to indicate whether you want it to open in the same window or a new window.
Cette option n’est pas disponible si vous affichez des visionneuses d’images, à 360 ° ou de supports variés.
Largeur et Hauteur - Entrez une valeur en pixels si vous souhaitez que l'image ait une taille fixe. Si vous ne fournissez pas de valeurs, la ressource devient adaptative.

When working with video

Use the Dynamic Media component to add dynamic video to your web pages. Lorsque vous modifiez le composant, vous pouvez choisir d’utiliser un paramètre prédéfini de la visionneuse de vidéos pour lire la vidéo sur la page.
You can edit the following Dynamic Media Settings by clicking Edit in the component.
Par défaut le composant vidéo Dynamic Media est adaptatif. If you want to make it a fixed size, set it in the component with the Width and Height in the Advanced tab.
Paramètre prédéfini de visionneuse : sélectionnez un paramètre prédéfini existant dans le menu déroulant. Si le paramètre prédéfini de visionneuse que vous recherchez n’est pas visible, vous devrez le rendre visible. Voir Gestion des paramètres prédéfinis de visionneuse .
You can edit the following Advanced settings by clicking Edit in the component.
Titre - Modifie le titre de la vidéo.
Largeur et Hauteur - Entrez une valeur en pixels si vous souhaitez que la vidéo soit de taille fixe. Si vous ne fournissez pas de valeurs, la vidéo devient adaptative.

Mode de diffusion d’une vidéo sécurisée

Dans AEM 6.2, lorsque vous installez FP-13480 , vous pouvez contrôler si la vidéo est diffusée via une connexion SSL sécurisée (HTTPS) ou une connexion non sécurisée (HTTP). Par défaut, le protocole de diffusion vidéo est automatiquement hérité du protocole de la page web d’incorporation. Si la page web est chargée via HTTPS, la vidéo est également diffusée via HTTPS. Inversement, si la page web est chargée via HTTP, la vidéo est diffusée via HTTP. Dans la plupart des cas, ce comportement par défaut est correct et aucune modification de configuration n’est nécessaire. Vous pouvez toutefois remplacer ce comportement par défaut en ajoutant VideoPlayer.ssl=on à la fin d’un chemin d’URL ou à la liste des autres paramètres de configuration de la visionneuse dans un fragment de code intégré afin de forcer la diffusion sécurisée de la vidéo.
Pour plus d’informations sur la diffusion sécurisée de vidéos et l’utilisation de l’attribut de configuration VideoPlayer.ssl dans le chemin d’accès URL, voir Diffusion sécurisée de vidéos dans le Guide de référence des visionneuses. Outre la visionneuse vidéo, la diffusion sécurisée de vidéos est disponible pour la visionneuse de médias mixtes et la visionneuse de vidéos interactives.

Composant Interactive Media

Le composant Interactive Media est destiné aux ressources présentant des éléments interactifs tels que des zones réactives ou des zones cliquables. Si vous disposez d’une image interactive, d’une vidéo interactive ou d’une bannière de carrousel, utilisez le composant Interactive Media .
The Interactive Media component is smart – depending on whether you add an image or a video, you have various options. En outre, le lecteur est réactif. Autrement dit, la taille de l’écran change automatiquement en fonction de la taille de l’écran. Toutes les visionneuses sont des visionneuses HTML5.
Vous pouvez modifier les paramètres Général ci-après en cliquant sur  Modifier  dans le composant.
Paramètre prédéfini de visionneuse : sélectionnez un paramètre prédéfini de visionneuse existant dans le menu déroulant. Si le paramètre prédéfini de visionneuse que vous recherchez n’est pas visible, vous devrez le rendre visible. Les paramètres de visionneuse prédéfinis doivent être publiés avant de pouvoir être utilisés. Voir Gestion des paramètres prédéfinis de visionneuse.
Titre - Modifie le titre de la vidéo.
Largeur et Hauteur - Entrez une valeur en pixels si vous souhaitez que la vidéo soit de taille fixe. Si vous ne fournissez pas de valeurs, la vidéo devient adaptative.
You can edit the following [Add To Cart settings by clicking Edit in the component.
Afficher le fichier du produit - Par défaut, cette valeur est sélectionnée. La ressource de produit affiche une image du produit telle que définie dans le module Commerce. Désactivez la case pour ne pas afficher la ressource de produit.
Afficher le prix du produit - Par défaut, cette valeur est sélectionnée. Le prix du produit affiche le prix de l’élément tel qu’il est défini dans le module Commerce. Désactivez la case pour ne pas afficher le prix du produit.
Afficher le formulaire de produit : par défaut, cette valeur n’est pas sélectionnée. Le formulaire de produit contient toutes les variantes de produit, telles que la taille et la couleur. Désactivez la case pour ne pas afficher les variantes de produit.