Ajouter les fonctionnalités de 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 multimédias enrichis sur des écrans et des imprimantes Web, mobiles, électroniques et connectés à Internet.

Vous pouvez vue AEM fichiers 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 depuis AEM vers Dynamic Media Classic et vous pouvez publier des fichiers numériques depuis Dynamic Media Classic vers AEM.

Ce document décrit comment publier des ressources numériques de AEM vers Dynamic Media Classic et vice versa. Les visionneuses sont également décrites en détail. Pour plus d’informations sur la configuration des AEM pour Dynamic Media Classic, voir Intégration de Dynamic Media Classic à AEM.

Voir aussi Ajout de zones cliquables.

Pour plus d’informations sur l’utilisation de composants vidéo avec AEM, consultez la section Vidéo.

Remarque

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 fichiers

Vous pouvez publier des fichiers numériques dans Dynamic Media Classic comme suit :

Remarque

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.

Composants Dynamic Media Classic

Les composants suivants de Dynamic Media Classic sont disponibles dans AEM :

  • Zoom
  • Fenêtre déroulante (Zoom)
  • Modèle d’image
  • Image
  • Vidéo
Remarque

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é, sur une page ou avec une configuration cloud Dynamic Media Classic.

Remarque

If you are creating and developing custom viewers and using the Content Finder, you need to explicity add the allowfullscreen parameter.

Notification de fin de prise en charge de la visionneuse Flash

A compter du 31 janvier 2017, l’Adobe Dynamic Media Classic a mis fin à la prise en charge de la plate-forme du lecteur de Flash.

Pour plus d’informations sur cette importante modification, reportez-vous aux questions fréquentes sur la fin de prise en charge de la visionneuse Flash.

Adding a Dynamic Media Classic component (Scene7) to a page

Ajouter un composant Dynamic Media Classic (Scene7) à une page revient à ajouter un composant à une page. Les composants de Dynamic Media Classic sont décrits en détail dans les sections suivantes.

Pour ajouter un composant Dynamic Media Classic (Scene7) à une page:

  1. Dans AEM, ouvrez la page dans laquelle vous souhaitez ajouter le composant Dynamic Media Classic (Scene7).

  2. If no Dynamic Media Classic components are available, click Design mode, tap any component with a blue border, tap the Parent icon, and then the Configuration icon. In Parsys (Design), select all the Dynamic Media Classic components to make them available and click OK.

    chlimage_1-224

  3. Click Edit to return to Edit mode.

  4. Faites glisser un composant du groupe Contenu multimédia dynamique classique dans le panneau latéral sur la page à l’emplacement de votre choix.

  5. Click the Configuration icon to open the component.

  6. Modifiez le composant comme requis et cliquez sur OK pour enregistrer les modifications.

  7. Faites glisser l’image ou la vidéo de l’explorateur de contenu vers le composant Contenu multimédia dynamique classique que vous avez ajouté à la page.

    Remarque

    Dans l’interface utilisateur tactile uniquement, vous devez faire glisser et déposer l’image ou la vidéo sur le composant Contenu multimédia dynamique classique que vous avez placé sur la page. La sélection et la modification du composant Contenu multimédia dynamique classique, puis le choix du fichier ne sont pas pris en charge.

Adding interactive viewing experiences to a responsive site

Une conception réactive signifie que les éléments s’adaptent selon l’emplacement où ils sont affichés. Avec la conception réactive, les mêmes éléments peuvent être affichés sur plusieurs appareils.

Voir aussi Conception réactive pour les pages Web.

Pour ajouter une expérience d’affichage interactive à un site réactif :

  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.

    Remarque

    Si les composants Dynamic Media Classic ne sont pas disponibles, veillez à les activer en modeCréation.

  2. In a website with the Dynamic Media Classic components enabled, drag an Image component to the page.

  3. Sélectionnez le composant et appuyez sur l’icône de configuration.

  4. Dans l’onglet Paramètres ​Dynamic Media Classic, ajustez les points d’arrêt.

    chlimage_1-225

  5. 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

Although configuration options vary, the following are common to all Dynamic Media Classic components:

  • Référence du fichier Recherchez un fichier que vous souhaitez référencer. La référence de fichier affiche l’URL du fichier et pas nécessairement l’URL complète de Contenu multimédia dynamique classique, y compris les commandes et paramètres d’URL. Vous ne pouvez pas ajouter de commandes d’URL et de paramètres 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 opening (double-clicking) a Dynamic Media Classic component, for example, when you open a Zoom component:

chlimage_1-226

Zoom

The HTML5 Zoom component displays a larger image when you press the + button.

L’élément comporte des outils de zoom dans sa partie inférieure. Appuyez sur + pour agrandir. Appuyez sur - pour réduire. Tapping the x or the reset zoom arrow brings the image back to the original size it was imported as. Appuyez sur les flèches diagonales pour les afficher en plein écran. Tap Edit to configure the component. With this component, you can configure settings common to all Dynamic Media Classic components.

chlimage_1-227

Flyout

In the HTML5 Flyout component, the asset is shown as split screen; left the asset in the specified size; right the zoom portion is displayed. Tap Edit to configure the component. With this component, you can configure settings common to all Dynamic Media Classic components.

Remarque

If your Flyout component uses a custom size, then that custom size is used and responsive setup of the component is disabled.

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 limite à la configuration réactive du composant. When the you use the Flyout component with responsive setup, you should not use it with full page stretch. Otherwise, the Flyout may extend beyond the page's right border.

chlimage_1-228

Image

Le composant Image de Dynamic Media Classic vous permet d’ajouter la fonctionnalité Contenu multimédia dynamique à 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 Image de Dynamic Media Classic est similaire à d’autres composants d’image dans AEM avec une fonctionnalité spéciale Contenu de Dynamic Media Classic. In this example, the image has the Dynamic Media Classic URL modifier, &op_invert=1 applied.

chlimage_1-229

  • 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. 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.

chlimage_1-230

  • Paramètre prédéfini de la 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. 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 principaux paramètres d’image prédéfinis à partir de SPS.

  • 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 d’image prédéfini 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 Bonnes pratiques relatives aux paramètres d’image prédéfinis.

  • Accentuation Sélectionnez la méthode d’accentuation de l’image. L’accentuation est expliquée en détails dans les rubriques Bonnes pratiques relatives aux paramètres d’image prédéfinis et Bonnes pratiques relatives à l’accentuation.

  • Modificateurs d’URL Vous pouvez modifier les effets d’image en fournissant d’autres commandes d’image Dynamic Media Classic. Ces commandes sont décrites dans la section Paramètres prédéfinis d’image et le guide de référence des commandes.

  • 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 du contenu Photoshop superposé qui a été 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.

Tap Edit to configure the component. You can configure settings common to all Dynamic Media Classic components as well as other settings described in this section.

chlimage_1-231

  • Référence du fichier, Largeur, Hauteur Voir les paramètres communs à tous les composants Dynamic Media Classic.

    Remarque

    Les commandes et paramètres d’URL de Dynamic Media Classic ne peuvent pas être ajoutés directement à l’URL de référence de 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 Media Classic, 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.

chlimage_1-232

  • 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.

chlimage_1-233

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.

chlimage_1-234

Le texte de l’image change. You can reset the text back to the original value by tapping Reset next to the field.

chlimage_1-235

Modification du texte afin de refléter une valeur ClientContext

To link a field to a client context value, tap Select to open the client-context menu, select the client context, and tap OK. Dans cet exemple, le nom change selon la liaison entre le Nom et le nom formaté du profil.

chlimage_1-236

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.

chlimage_1-237

  1. Sur la page contenant le composant Modèle d’ image Contenu multimédia dynamique classique, appuyez sur Modifier.

  2. In the URL field, enter the URL that users go to when the image is tapped. Dans le champ Ouvrir dans, choisissez où vous souhaitez que la cible s’ouvre (une nouvelle fenêtre ou la même fenêtre).

    chlimage_1-238

  3. Appuyez sur OK.

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. En outre, voir le composant vidéo Dynamic Media Classic par rapport au composantvidéo Foundation.

chlimage_1-239

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

Lors de l’utilisation d’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 de vue de contenu à partir de Contenu Dynamic Media Classic directement en 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.

Remarque
  • Les fichiers situés dans le dossier ad hoc n’apparaîtront pas dans le navigateur de contenu Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu dynamique Media Classic.
  • Lorsque la Prévisualisation sécurisée est activée, les fichiers publiés et non publiés dans Dynamic Media Classic s’affichent dans le navigateur de contenu Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu de Contenu
  • 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, l’explorateur 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

Browsing content in the touch-optimized UI

Vous pouvez accéder au navigateur de contenu depuis l’interface utilisateur optimisée pour les écrans tactiles ou l’interface utilisateur classique. A l’heure actuelle, l’interface utilisateur optimisée pour les écrans comporte la limitation suivante :

  • Les fichiers FXG et Flash issus de Dynamic Media Classic ne sont pas pris en charge.

Parcourez les fichiers Dynamic Media Classic en sélectionnant Contenu multimédia classique dynamique dans le troisième menu déroulant. Dynamic Media Classic n’apparaît pas dans la liste si vous n’avez pas configuré l’intégration de Dynamic Media Classic/AEM.

Remarque
  • L’explorateur de contenu Dynamic Media Classic charge environ 100 fichiers et les trie par nom.
  • Si vous disposez d’un serveur d’aperçu sécurisé, le navigateur l’utilise pour effectuer le rendu des miniatures et des éléments.

chlimage_1-240

En outre, vous pouvez parcourir les informations de résolution, de taille, de nombre de jours depuis la modification et de nom de fichier en pointant la souris sur un élément du navigateur.

chlimage_1-241

  • Pour les ensembles de vidéos adaptables et les modèles, aucune information sur la taille n’est générée pour les miniatures.
  • Pour les ensembles de vidéos adaptables, aucune résolution n’est générée pour les miniatures.

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

La recherche de ressources de Contenu multimédia dynamique classique est similaire à la recherche de AEM ressources, sauf que lorsque vous effectuez une recherche, une vue distante des ressources s’affiche dans le système Contenu multimédia dynamique classique, 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 ressources 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 saisi le terme pour trouver l’actif.

chlimage_1-242

  • Dossier/chemin Le nom du dossier qui s’affiche dépend de la configuration que vous avez sélectionnée. Vous pouvez descendre jusqu'aux niveaux inférieurs en appuyant sur l'icône de dossier et en sélectionnant un sous-dossier, puis en appuyant 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.

chlimage_1-243

  • Type de fichier Sélectionnez Contenu multimédia classique dynamique pour parcourir le contenu Contenu multimédia classique dynamique. Cette option n’est disponible que si Contenu multimédia dynamique classique a été configuré.

chlimage_1-244

  • Configuration Si plusieurs configurations de Dynamic Media Classic sont définies en Cloud Services, vous pouvez les sélectionner ici. De ce fait, le dossier change selon la configuration que vous avez choisie.

chlimage_1-245

  • Type de fichier Dans le navigateur Contenu multimédia dynamique classique, vous pouvez filtrer les résultats pour inclure les é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.

chlimage_1-246

Remarque
  • Dans l’interface utilisateur classique, vous pouvez rechercher des éléments Flash et FXG. Le filtrage de ces deux éléments n’est actuellement pas pris en charge par l’interface utilisateur optimisée pour les écrans tactiles.

  • Lors de la recherche de vidéos, vous recherchez un seul rendu. Les résultats renvoient le rendu d’origine (uniquement &amp ; ast ; .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 : Non publié ou Publié. If you do not select any Publish Status, AEM by default searches all publish statuses.

chlimage_1-247

Sur cette page