Show Menu
SUJETS×

Ajout de fonctionnalités Dynamic Media Classic à votre page

Adobe Dynamic Media Classic est une solution hébergée qui permet de gérer, d’améliorer, de publier et de diffuser des fichiers de média enrichi sur des écrans et des imprimantes Web, mobiles, de courrier électronique et connectés à Internet.
Vous pouvez afficher les fichiers AEM publiés dans Dynamic Media Classic dans différentes visionneuses :
  • Zoom
  • Fenêtre déroulante
  • Vidéo
  • Modèle d’image
  • Image
Vous pouvez publier des fichiers numériques directement d’AEM vers Dynamic Media Classic et vous pouvez publier des fichiers numériques de Dynamic Media Classic vers AEM.
Cette section décrit comment publier des ressources numériques d’AEM vers Dynamic Media Classic et vice versa. Les visionneuses sont également décrites en détail. Pour plus d’informations sur la configuration d’AEM pour Dynamic Media Classic, voir Intégration de Dynamic Media Classic à AEM .
Pour plus d’informations sur l’utilisation des composants vidéo avec AEM, voir :
If Dynamic Media Classic assets do not display properly, make sure that Dynamic media is disabled and then refresh the page.

Publication manuelle dans Dynamic Media Classic à partir de ressources

Vous pouvez publier des fichiers numériques dans Dynamic Media Classic à partir de la console Ressources dans l’interface utilisateur classique ou directement à partir du fichier.
AEM publie dans Dynamic Media Classic de manière asynchrone. After you click Publish , it may take several seconds for your asset to publish to Dynamic Media Classic.

Publication depuis la console Ressources

Pour publier dans Dynamic Media Classic à partir de la console Ressources si les ressources se trouvent dans un dossier cible Contenu multimédia dynamique :
  1. In the AEM classic UI, click Digital Assets to access the digital asset manager.
  2. Select the asset (or assets) or folder from within the target folder you want to publish to Dynamic Media Classic and right-click and select Publish to Dynamic Media Classic . Vous pouvez également sélectionner Publier vers Dynamic Media Classic dans le menu **Outils .
  3. Accédez à Dynamic Media Classic et vérifiez que les ressources sont disponibles.
    If the assets are not in a Dynamic Media Classic synchronized folder, Publish to Dynamic Media Classic in both menus is visible but disabled.

Publication depuis un élément

Vous pouvez publier manuellement un fichier tant qu’il se trouve dans le dossier Dynamic Media Classic synchronisé.
Si le fichier n’est pas situé dans le dossier de synchronisation de Dynamic Media Classic, le lien Publier vers Dynamic Media Classic n’est pas disponible.
Pour publier du contenu dans Dynamic Media Classic directement à partir d’un fichier numérique :
  1. Dans AEM, cliquez sur Eléments numériques pour accéder au Digital Asset Manager.
  2. Double-cliquez pour ouvrir un élément.
  3. Dans le volet des détails du fichier, sélectionnez Publier dans Contenu multimédia dynamique classique .
  4. Le lien devient Publication... , puis Publié . Accédez à Dynamic Media Classic et vérifiez que le fichier est disponible.
    If the asset does not publish properly to Dynamic Media Classic, the link changes to Publishing Failed . Si le fichier a déjà été publié dans Dynamic Media Classic, le lien indique Nouvelle publication dans Dynamic Media Classic . La republication vous permet d’apporter des modifications à un fichier dans AEM et de le republier.

Publishing assets from outside the CQ target folder

Adobe recommande de publier des fichiers dans Dynamic Media Classic uniquement à partir des fichiers du dossier cible Contenu multimédia dynamique Classic. However, if you need to upload assets from a folder outside of the target folder, you can still do that by uploading them to an ad-hoc folder on Dynamic Media Classic.
Pour ce faire, configurez la configuration Cloud pour la page sur laquelle le fichier apparaîtra. Vous ajoutez ensuite un composant Dynamic Media Classic à la page et faites glisser un fichier sur le composant. After the page properties are set for that page, a Publish to Dynamic Media Classic link appears that when selected triggers uploading to Dynamic Media Classic.
Les fichiers qui se trouvent dans le dossier ad hoc n’apparaissent pas dans le navigateur de contenu Dynamic Media Classic.
Pour publier des fichiers qui résident en dehors du dossier cible CQ :
  1. In AEM in the classic UI, click Websites and navigate to the web page that you want to add a digital asset to that is not yet published to Dynamic Media Classic. (Les règles normales d’héritage de la page s’appliquent.)
  2. In the sidekick, click the Page icon, then click Page Properties .
  3. Cliquez sur [Cloud Services > Ajouter des services > Dynamic Media Classic (Scene7) .
  4. Dans la liste déroulante Adobe Dynamic Media Classic, sélectionnez une configuration, puis cliquez sur OK .
  5. Sur la page Web, ajoutez un composant Dynamic Media Classic (Scene7) à l’emplacement souhaité sur la page.
  6. Depuis l’outil de recherche de contenu, faites glisser un élément numérique vers le composant. Un lien s’affiche pour vous permettre de vérifier l’état de publication de Contenu multimédia dynamique classique.
    If the digital asset is in the CQ target folder, then no link to Check Dynamic Media Classic Publication Status appears. Les éléments sont simplement placés dans le composant.
  7. Cliquez sur Vérifier l’état de la publication Dynamic Media Classic. Si le fichier n’est pas publié, AEM le publie dans Dynamic Media Classic. Une fois téléchargé, l’élément figure dans le dossier ad hoc. Par défaut, le dossier ad hoc se trouve dans le dossier name_of_the_company/CQ5_adhoc . Vous pouvez configurer ce chemin, le cas échéant .
    Si le fichier ne se trouve pas dans un dossier synchronisé Dynamic Media Classic et qu’aucune configuration cloud Dynamic Media Classic n’est associée à la page active, le téléchargement échoue.

Composants Dynamic Media Classic (Scene7)

Les composants Dynamic Media Classic suivants sont disponibles dans AEM :
  • Zoom
  • Fenêtre déroulante (Zoom)
  • Modèle d’image
  • Image
  • Vidéo
These components are not available by default and need to be selected in Design mode before using.
After they are made available in Design mode, you can add the components to your page like any other AEM component. Les fichiers qui n’ont pas encore été publiés dans Dynamic Media Classic sont publiés dans Dynamic Media Classic s’ils se trouvent dans un dossier synchronisé ou sur une page ou avec une configuration de cloud Dynamic Media Classic.

Flash viewers end-of-life notice

À compter du 31 janvier 2017, Adobe Dynamic Media Classic a officiellement mis fin à la prise en charge de la plate-forme du lecteur Flash.
For more information about this important change, see Flash viewer end-of-life FAQs .

Adding a Dynamic Media Classic component to a page

L’ajout d’un composant Dynamic Media Classic à une page équivaut à l’ajout d’un composant à une page. Les composants Dynamic Media Classic sont décrits en détail dans les sections suivantes.
Pour ajouter un composant/une visionneuse Dynamic Media Classic à une page dans l’interface classique :
  1. Dans AEM, ouvrez la page dans laquelle vous souhaitez ajouter le composant Contenu multimédia dynamique classique.
  2. If no Dynamic Media Classic components are available, click the ruler in the sidekick to enter Design mode, click Edit parsys, and select all the Dynamic Media Classic components to make them available.
  3. Return to Edit mode by clicking the pencil in the sidekick.
  4. Drag a component from the Dynamic Media Classic group in the sidekick onto the page in the desired location.
  5. Cliquez sur l’icône  Modifier  pour ouvrir le composant.
  6. Modifiez le composant comme requis et cliquez sur OK pour enregistrer les modifications.

Ajout d’expériences de visionnage interactif à un site web réactif

Une conception réactive signifie que les éléments s’adaptent selon l’emplacement où ils sont affichés. Avec une conception adaptée, les mêmes ressources sont effectivement affichées sur plusieurs périphériques.
Pour ajouter une expérience de visualisation interactive à un site réactif dans l’interface utilisateur classique :
  1. Log in to AEM, and ensure that you have configured Adobe Dynamic Media Classic Cloud Services and that Dynamic Media Classic components are available.
    Si les composants WCM de Dynamic Media Classic ne sont pas disponibles, veillez à les activer au moyen du mode **Design .
  2. In a website with the Dynamic Media Classic components enabled, drag an Image viewer to the page.
  3. Edit the component and adjust the breakpoints in the Dynamic Media Classic Settings tab.
  4. Confirmez que les visionneuses se redimensionnent de manière réactive et que toutes les interactions sont optimisées pour les ordinateurs de bureau, les tablettes et les appareils mobiles.

Paramètres communs à tous les composants Dynamic Media Classic

Bien que les options de configuration varient, les éléments suivants sont communs à tous les composants de Dynamic Media Classic :
  • Référence du fichier  : accédez à un fichier que vous souhaitez référencer. La référence de fichier montre l’URL du fichier et pas nécessairement l’URL complète de Dynamic Media Classic, y compris les commandes et paramètres d’URL. Vous ne pouvez pas ajouter de commandes et de paramètres d’URL Dynamic Media Classic dans ce champ. Ils doivent être ajoutés par l’intermédiaire de la fonctionnalité correspondante du composant.
  • Largeur  : permet de définir la largeur.
  • Hauteur  : permet de définir la hauteur.
You set these configuration options by double-clicking a Dynamic Media Classic component, for example, when you open a Zoom component:

Zoom

Le composant Zoom HTML5 affiche une image plus grande lorsque vous appuyez sur le bouton +.
L’élément comporte des outils de zoom dans sa partie inférieure. Cliquez sur + pour agrandir. Cliquez sur - pour réduire. Clicking x or the reset zoom arrow brings the image back to the original size it was imported as. Cliquez sur les flèches en diagonale pour passer en mode plein écran. Cliquez sur  Modifier  pour configurer le composant. With this component, you can configure settings common to all Dynamic Media Classic components .

Flyout

Dans le composant Fenêtre déroulante HTML5, l’élément s’affiche sous la forme d’un écran partagé : à gauche se trouve l’élément à la taille spécifiée, à droite la partie sur laquelle le zoom a été effectué. Cliquez sur  Modifier  pour configurer le composant. With this component, you can configure settings common to all Dynamic Media Classic components .
Si le composant Fenêtre déroulante utilise une taille personnalisée, cette taille personnalisée est utilisée et la configuration réactive du composant est désactivée.
If your Flyout component uses the default size, as set in the Design view, then the default size is used and the component stretches to accomodate the page layout size with responsive setup of the component enabled. Sachez toutefois qu’il existe une limitation sur la configuration réactive du composant. Lorsque vous utilisez le composant Fenêtre déroulante avec la configuration réactive, vous ne devez pas l’utiliser avec l’étirement de pleine page. Sinon, la fenêtre déroulante peut s’étendre au-delà de la bordure droite de la page.

Image

Le composant Image Dynamic Media Classic vous permet d’ajouter la fonctionnalité Contenu multimédia dynamique classique à vos images, comme les modificateurs de Contenu multimédia dynamique, les paramètres prédéfinis d’image ou de visionneuse et l’accentuation. Le composant d’image Contenu multimédia dynamique classique est similaire aux autres composants d’image d’AEM avec une fonctionnalité spéciale Contenu multimédia dynamique classique. Dans cet exemple, le modificateur URL Dynamic Media Classic &op_invert=1 est appliqué à l’image.
Titre, Texte de remplacement : dans l’onglet Avancé , ajoutez un titre à l’image et un texte de remplacement pour les utilisateurs dont les graphiques sont désactivé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.
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.
Configuration de Dynamic Media Classic - Sélectionnez la configuration de Dynamic Media Classic que vous souhaitez utiliser pour récupérer les paramètres d’image prédéfinis actifs à partir de Scene7 Publishing System.
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.
Format de sortie : sélectionnez le format de sortie de l’image, par exemple jpeg. Selon le format de sortie que vous sélectionnez, vous pouvez ajouter des options de configuration supplémentaires. Voir Gestion des paramètres d’image prédéfinis .
Accentuation : sélectionnez le mode d’accentuation de l’image. L’accentuation est expliquée en détail dans *Adobe Dynamic Media Classic Image Quality and Sharpening Best Practices * .
Modificateurs d’URL : vous pouvez modifier les effets d’image en fournissant d’autres commandes d’image Dynamic Media Classic. These are described in Managing Image Presets and the Command reference .
Points d’arrêt : si votre site Web est réactif, vous souhaitez ajuster les points d’arrêt. Les points d’arrêt doivent être séparés par des virgules , .

Modèle d’image

Les modèles d’image Dynamic Media Classic sont un contenu Photoshop superposé importé dans Dynamic Media Classic, où le contenu et les propriétés ont été paramétrés en fonction de la variabilité. Le composant Modèle d’image permet d’importer des images et de modifier le texte dynamiquement dans AEM. En outre, vous pouvez configurer le composant Modèle d’image afin d’utiliser des valeurs provenant de ClientContext de sorte que chaque utilisateur voit l’image d’une manière personnalisée.
Cliquez sur  Modifier  pour configurer le composant. You can configure settings common to all Dynamic Media Classic components as well as other settings described in this section.
Référence du fichier, Largeur, Hauteur - Voir les paramètres communs à tous les composants Dynamic Media Classic.
Les commandes et paramètres d’URL de Dynamic Media Classic ne peuvent pas être ajoutés directement à l’URL de référence du fichier. Ils ne peuvent être définis que dans l’interface utilisateur du composant, dans le panneau Paramètre .
Titre, Texte de remplacement Dans l’onglet Modèle d’image dynamique classique, ajoutez un titre à l’image et un texte de remplacement pour les utilisateurs dont les graphiques sont désactivés.
URL, Ouvrir dans Vous pouvez définir un fichier à partir duquel ouvrir un lien. Définissez l’ URL , puis dans le champ Ouvrir dans , indiquez si vous souhaitez l’ouvrir dans la même fenêtre ou une nouvelle fenêtre.
Panneau de paramètres Lors de l’importation d’une image, les paramètres sont prérenseignés avec les informations de l’image. En l’absence de contenu pouvant être modifié dynamiquement, cette fenêtre est vide.

Modification dynamique du texte

Pour une modification dynamique du texte, saisissez le nouveau texte dans les champs, puis cliquez sur OK . Dans cet exemple, le Prix est désormais de 50 $ et l’expédition de 99 cents.
Le texte de l’image change. Vous pouvez réinitialiser le texte sur la valeur d’origine en cliquant sur Réinitialiser en regard du champ.

Modification du texte afin de refléter une valeur ClientContext

To link a field to a client context value, click Select to open the client-context menu, select the client context, and click OK . Dans cet exemple, le nom change selon la liaison entre le Nom et le nom formaté du profil.
Le texte reflète le nom de l’utilisateur actuellement connecté. Vous pouvez réinitialiser le texte sur la valeur d’origine en cliquant sur Réinitialiser en regard du champ.

Composant vidéo

The Dynamic Media Classic Video component (available from the Dynamic Media Classic section of the sidekick) uses device and bandwidth detection to serve the right video to each screen. Ce composant est un lecteur vidéo HTML5. Il s’agit d’une visionneuse unique pouvant être utilisée sur plusieurs canaux.
Il peut être utilisé pour des ensembles de vidéos adaptables, une vidéo MP4 unique ou une vidéo F4V unique.
See Video for more information on how videos work with Dynamic Media Classic integration. In addition, see how the .

Limitations connues du composant vidéo

La gestion des actifs numériques et la gestion de contenu web d’Adobe indiquent si une vidéo maître est téléchargée. Elles n’affichent pas les éléments proxy suivants :
  • Rendus codés Dynamic Media Classic
  • Visionneuses de vidéos adaptatives Dynamic Media Classic
Lorsque vous utilisez une visionneuse de vidéos adaptative avec le composant vidéo Contenu multimédia dynamique classique, vous devez redimensionner le composant pour l’adapter aux dimensions de la vidéo.

Explorateur de contenu Dynamic Media Classic

L’explorateur de contenu Dynamic Media Classic vous permet d’afficher le contenu de Contenu de Contenu Dynamic Media Classic directement dans AEM. To access the content browser, in the Content Finder, select Dynamic Media Classic in the touch-optimized user interface or the S7 icon in the classic user interface. La fonctionnalité est identique pour les deux interfaces utilisateur.
Si vous disposez de plusieurs configurations, AEM affiche la configuration par défaut . Vous pouvez sélectionner différentes configurations directement dans l’explorateur de contenu Dynamic Media Classic du menu déroulant.
  • Les fichiers situés dans le dossier ad hoc n’apparaissent pas dans l’explorateur de contenu Dynamic Media Classic.
  • Lorsque l’option Aperçu sécurisé est activée , les fichiers publiés et non publiés dans Dynamic Media Classic apparaissent dans le navigateur de contenu Dynamic Media Classic.
  • If you do not see Dynamic Media Classic or the S7 icon as an option in the content browser, you need to configure Dynamic Media Classic to work with AEM .
  • Pour la vidéo, le navigateur de contenu Dynamic Media Classic prend en charge :
  • Les ensembles de vidéos adaptables. Il s’agit de conteneurs de tous les rendus vidéo requis pour lire la vidéo sans difficultés sur plusieurs écrans.
  • La vidéo MP4 unique
  • Vidéo F4V simple

Parcours du contenu dans l’interface utilisateur classique

Parcourez le contenu dans Dynamic Media Classic en cliquant sur l’onglet S7 .
Vous pouvez modifier la configuration à laquelle vous accédez en sélectionnant la configuration. Les dossiers changent selon la configuration sélectionnée.
Comme avec l’outil de recherche de contenu des ressources, vous pouvez effectuer une rechercher des éléments et filtrer les résultats. Néanmoins, à la différence de l’outil de recherche de contenu des ressources, lors de la saisie d’un mot-clé dans l’onglet S7 , le nom du fichier commence par la chaîne que vous avez saisie au lieu de contenir le mot-clé.
Par défaut, les éléments sont affichés par nom de fichier. Vous pouvez également filtrer les résultats par type d’élément.
Pour la vidéo, le navigateur de contenu Dynamic Media Classic de WCM prend en charge :
  • Les ensembles de vidéos adaptables. Il s’agit de conteneurs de tous les rendus vidéo requis pour lire la vidéo sans difficultés sur plusieurs écrans.
  • La vidéo MP4 unique
  • Vidéo F4V simple

Recherche de fichiers Dynamic Media Classic dans l’explorateur de contenu

La recherche de fichiers Dynamic Media Classic est similaire à la recherche de fichiers AEM, sauf que lorsque vous effectuez une recherche, une vue à distance des fichiers s’affiche dans le système Dynamic Media Classic, plutôt que de les importer directement dans AEM.
Vous pouvez utiliser l’interface utilisateur classique ou l’interface utilisateur optimisée pour les écrans tactiles pour visualiser et rechercher des éléments. Selon l’interface, le mode de recherche est légèrement différent.
Lors d’une recherche dans l’une ou l’autre des interfaces, vous pouvez filtrer selon les critères suivants (présentés ici dans l’interface utilisateur optimisée pour les écrans tactiles) :
Entrez des mots-clés : vous pouvez rechercher des fichiers par nom. Lors de la recherche par mots-clés, vous saisissez le début du nom du fichier. Par exemple, la saisie du mot « swimming » recherche tous les noms de fichier qui commencent par ces lettres, dans cet ordre. Veillez à appuyer sur Entrée après avoir tapé le mot-clé de recherche de l’élément.
Dossier/chemin : le nom du dossier qui s’affiche dépend de la configuration que vous avez sélectionnée. Vous pouvez descendre vers des niveaux inférieurs en cliquant sur l’icône du dossier et en sélectionnant un sous-dossier, puis en cliquant sur la coche pour le sélectionner.
Si vous saisissez un mot-clé et sélectionnez un dossier, AEM recherche ce dossier et tous les sous-dossiers. Néanmoins, si vous ne saisissez pas de mots-clés lors de la recherche, la sélection du dossier n’affiche que les éléments de ce dossier et n’inclut pas les sous-dossiers.
Par défaut, AEM recherche le dossier sélectionné et tous les sous-dossiers.
Type de fichier Sélectionnez Contenu multimédia dynamique classique pour parcourir le contenu Contenu multimédia dynamique classique. Cette option est disponible uniquement si vous avez déjà configuré Dynamic Media Classic.
Configuration Si plusieurs configurations Dynamic Media Classic sont définies dans les services Cloud, vous pouvez les sélectionner ici. De ce fait, le dossier change selon la configuration que vous avez choisie.
Type de fichier Dans le navigateur de Dynamic Media Classic, vous pouvez filtrer les résultats pour inclure l’un des éléments suivants : images, modèles, vidéos et visionneuses de vidéos adaptatives. Si vous ne sélectionnez aucun type d’élément, AEM recherche par défaut tous les types d’élément.
  • Lors de la recherche de vidéos, vous recherchez un seul rendu. Les résultats renvoient le rendu d’origine (uniquement *.mp4) et le rendu codé.
  • Lors de la recherche d’une visionneuse de vidéos adaptative, vous recherchez le dossier et tous les sous-dossiers, mais uniquement si vous avez ajouté un mot-clé à la recherche. Si vous n’avez pas ajouté de mot-clé, AEM ne recherche pas les sous-dossiers.
Etat de publication Vous pouvez filtrer les fichiers en fonction de l’état de publication : Publié ou Non publié. If you do not select any Publish status, AEM by default searches all publish statuses.