Ajouter les fonctionnalités de Dynamic Media Classic à votre page

L’Adobe Dynamic Media Classicis est une solution hébergée permettant de gérer, d’améliorer, de publier et de diffuser des ressources multimédias enrichies 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 ressources numériques directement d’AEM à Dynamic Media Classic et vous pouvez publier des ressources numériques de Dynamic Media Classic vers AEM.

Ce document 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 des AEM pour Dynamic Media Classic, voir Intégration de Dynamic Media Classic avec 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

Si les ressources Dynamic Media Classic ne s’affichent pas correctement, assurez-vous que Contenu multimédia dynamique est désactivé, puis actualisez la page.

Publication manuelle dans Dynamic Media Classic à partir de ressources

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

REMARQUE

AEM publie dans Dynamic Media Classic de manière asynchrone. Une fois que vous avez cliqué sur Publier, la publication de votre fichier dans Dynamic Media Classic peut prendre plusieurs secondes.

Composants Dynamic Media Classic

Les composants Dynamic Media Classic suivants sont disponibles dans AEM :

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

Ces composants ne sont pas disponibles par défaut et doivent être sélectionnés en mode Conception avant de les utiliser.

Une fois qu’ils sont disponibles en mode Conception, vous pouvez ajouter les composants à votre page comme tout autre composant AEM. Les ressources qui n’ont pas encore été publiées sur Dynamic Media Classic sont publiées sur Dynamic Media Classic si elles se trouvent dans un dossier synchronisé ou sur une page ou avec une configuration de cloud Dynamic Media Classic.

REMARQUE

Si vous créez et développez des lecteurs personnalisés et utilisez l’outil de recherche de contenu, vous devez explicitement ajouter le paramètre allowfullscreen.

Notification de fin de prise en charge de la visionneuse Flash

Depuis le 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.

Ajouter un composant Dynamic Media Classic (Scene7) à une page

Ajouter un composant Dynamic Media Classic (Scene7) à une page revient à ajouter un composant à une page. Les composants 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. Si aucun composant Dynamic Media Classic n’est disponible, cliquez sur le mode Conception, appuyez sur n’importe quel composant avec une bordure bleue, appuyez sur l’icône Parent, puis sur l’icône Configuration. Dans Parsys (Design), sélectionnez tous les composants Dynamic Media Classic pour les rendre disponibles et cliquez sur OK.

    chlimage_1-224

  3. Cliquez sur Modifier pour revenir au mode Edition.

  4. Faites glisser un composant du groupe Dynamic Media Classic du panneau latéral sur la page à l’emplacement souhaité.

  5. Cliquez sur l'icône Configuration pour ouvrir le composant.

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

  7. Faites glisser votre image ou votre vidéo depuis l’explorateur de contenu vers le composant Dynamic Media Classic 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 Dynamic Media Classic que vous avez placé sur la page. La sélection et la modification du composant Dynamic Media Classic, puis le choix du fichier ne sont pas pris en charge.

Ajouter des expériences d’affichage interactives à un site réactif

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. Connectez-vous à AEM et assurez-vous que vous disposez de Cloud Services Dynamic Media Classic Adobe configurés et que les composants Dynamic Media Classic sont disponibles.

    REMARQUE

    Si les composants Dynamic Media Classic ne sont pas disponibles, veillez à les activer au moyen du mode Création.

  2. Dans un site Web sur lequel les composants Dynamic Media Classic sont activés, faites glisser un composant Image vers la 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

Bien que les options de configuration varient, les éléments suivants sont communs à tous les composants Dynamic Media Classic :

  • Référence de 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 Dynamic Media Classic, 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.

Vous définissez ces options de configuration en ouvrant (en cliquant sur le doublon) un composant Dynamic Media Classic, par exemple lorsque vous ouvrez un composant Zoom :

chlimage_1-226

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. Appuyez sur + pour l’agrandir. Appuyez sur - pour réduire. Appuyez sur x ou sur la flèche de zoom réinitialisé pour ramener l’image à la taille d’origine sous laquelle elle a été importée. Appuyez sur les flèches diagonales pour les afficher en plein écran. Appuyez sur Modifier pour configurer le composant. Avec ce composant, vous pouvez configurer des paramètres communs à tous les composants Dynamic Media Classic.

chlimage_1-227

Flyout

Dans le composant HTML5 Fenêtre déroulante, la ressource s’affiche sous forme d’écran partagé ; a laissé le fichier dans la taille spécifiée ; la partie de zoom s’affiche à droite. Appuyez sur Modifier pour configurer le composant. Avec ce composant, vous pouvez configurer des paramètres communs à tous les composants Dynamic Media Classic.

REMARQUE

Si votre 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.

Si votre composant Flyout utilise la taille par défaut, telle que définie dans la Vue de conception, la taille par défaut est utilisée et le composant s'étire pour prendre en compte la taille de la mise en page avec une configuration adaptée du composant activée. Sachez toutefois qu’il existe une limite à la configuration réactive du composant. Lorsque vous utilisez le composant Fenêtre déroulante avec une configuration réactive, vous ne devez pas l'utiliser avec l'extension de page complète. Dans le cas contraire, la fenêtre déroulante Fenêtre déroulante peut s’étendre au-delà de la bordure droite de la page.

chlimage_1-228

Image

Le composant Dynamic Media Classic Image permet d’ajouter des fonctionnalités Dynamic Media Classic à vos images, telles que les modificateurs Dynamic Media Classic, les paramètres prédéfinis d’image ou de visionneuse et l’accentuation. Le composant Dynamic Media Classic Image est similaire à d’autres composants d’image dans AEM avec la fonctionnalité spéciale Dynamic Media Classic. Dans cet exemple, le modificateur URL Dynamic Media Classic est appliqué à l’image, &op_invert=1.

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 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 Dynamic Media Classic : sélectionnez la configuration 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 le mode 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é importé dans Dynamic Media Classic, où le contenu et les propriétés ont été paramétrés pour 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.

Appuyez sur Modifier pour configurer le composant. Vous pouvez configurer des paramètres communs à tous les composants Dynamic Media Classic ainsi que d’autres paramètres décrits dans cette section.

chlimage_1-231

Référence du fichier, Largeur, Hauteur - Voir les paramètres communs à tous les composants ScDynamic Media Classicene7.

REMARQUE

Les commandes et paramètres d’URL 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 Dynamic 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. Vous pouvez rétablir la valeur d’origine du texte en appuyant sur Réinitialiser en regard du champ.

chlimage_1-235

Modification du texte afin de refléter une valeur ClientContext

Pour lier un champ à une valeur de contexte client, appuyez sur Sélectionner pour ouvrir le menu contextuel client, sélectionnez le contexte client et appuyez sur 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 Dynamic Media Classic Modèle d’image, appuyez sur Modifier.

  2. Dans le champ URL, saisissez l’URL à laquelle les utilisateurs accèdent lorsque l’utilisateur appuie sur l’image. 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

Le composant Dynamic Media Classic Vidéo (disponible à partir de la section Dynamic Media Classic du sidekick) utilise la détection de périphérique et de bande passante pour diffuser la vidéo appropriée sur chaque écran. 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.

Voir Vidéo pour plus d’informations sur le fonctionnement des vidéos avec l’intégration Dynamic Media Classic. En outre, voir le composant vidéo Dynamic Media Classic par rapport au composant vidéo Foundation.

chlimage_1-239

Limitations connues du composant vidéo

Adobe DAM et WCM indique si une vidéo source Principale 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 Dynamic Media Classic, 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 de Dynamic Media Classic directement en AEM. Pour accéder au navigateur de contenu, dans l’Outil de recherche de contenu, sélectionnez Dynamic Media Classic dans l’interface utilisateur optimisée pour les écrans tactiles ou l’icône S7 dans l’interface utilisateur classique. 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 le navigateur de contenu Dynamic Media Classic du menu déroulant.

REMARQUE
  • Les ressources situées dans le dossier ad hoc n’apparaîtront pas dans le navigateur de contenu Dynamic Media Classic.

  • Lorsque La Prévisualisation sécurisée est activée, les fichiers publiés et non publiés sur Dynamic Media Classic s’affichent dans le navigateur de contenu Dynamic Media Classic.

  • Si vous ne voyez pas Dynamic Media Classic ou l'icône S7 comme option dans le navigateur de contenu, vous devez configurer Dynamic Media Classic pour qu'il fonctionne avec 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

Navigation dans le contenu de l’interface utilisateur optimisée pour les écrans tactiles

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 de Dynamic Media Classic ne sont pas pris en charge.

Parcourez les ressources Dynamic Media Classic en sélectionnant Dynamic Media Classic 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 Dynamic Media Classic/AEM.

REMARQUE
  • Le navigateur 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 ressources Dynamic Media Classic à l’aide de l’explorateur de contenu

La recherche de ressources Dynamic Media Classic est similaire à la recherche de ressources AEM, sauf que lorsque vous effectuez une recherche, vous voyez en fait une vue distante des ressources 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 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 Dynamic Media Classicpour parcourir le contenu Dynamic Media Classic. Cette option n’est disponible que si Dynamic Media Classic a été configuré.

chlimage_1-244

Configuration - Si plusieurs configurations 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 ressource : dans le navigateur Dynamic Media Classic, 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 : ​Unpublishedor Published. Si vous ne sélectionnez aucun état de publication, AEM recherche par défaut tous les états de publication.

chlimage_1-247

Sur cette page