L’ajout de fonctionnalités Dynamic Media Classic à votre page adding-scene-features-to-your-page

Adobe Dynamic Media Classic est une solution hébergée pour la gestion, l’amélioration, la publication et la diffusion de contenus multimédias enrichis sur le web, sur les appareils mobiles, par e-mail, sur les appareils connectés à Internet et par impression.

Vous pouvez afficher AEM ressources publiées dans Dynamic Media Classic dans différentes visionneuses :

Vous pouvez publier des ressources numériques directement d’AEM vers Dynamic Media Classic et vous pouvez également les publier 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.

Voir aussi Ajout de zones cliquables.

Pour plus d’informations sur l’utilisation des composants vidéo avec AEM, voir :

Publication manuelle dans Dynamic Media Classic à partir d’Assets manually-publishing-to-scene-from-assets

Vous pouvez publier des ressources numériques dans Dynamic Media Classic à partir de la console Ressources de l’interface utilisateur classique ou directement à partir de la ressource.

Publication depuis la console Assets publishing-from-the-assets-console

Pour publier sur Dynamic Media Classic à partir de la console Ressources si les ressources se trouvent dans un dossier cible Dynamic Media Classic :

Publication à partir d’une ressource publishing-from-an-asset

Vous pouvez publier manuellement une ressource tant qu’elle se trouve dans le dossier Dynamic Media Classic synchronisé.

Pour publier vers Dynamic Media Classic directement à partir d’une ressource numérique:

Publication de ressources à partir du dossier cible CQ publishing-assets-from-outside-the-cq-target-folder

Adobe recommande de publier des ressources dans Dynamic Media Classic uniquement à partir des ressources du dossier cible Dynamic Media Classic. Cependant, si vous devez charger des ressources à partir d’un dossier en dehors du dossier cible, vous pouvez toujours le faire en les chargeant dans une ad hoc sur Dynamic Media Classic.

Pour ce faire, configurez la configuration du cloud pour la page sur laquelle la ressource apparaîtra. Vous ajoutez ensuite un composant Dynamic Media Classic à la page, puis faites glisser et déposez une ressource sur le composant. Une fois les propriétés de page définies pour cette page, une Publication sur Dynamic Media Classic s’affiche, lorsqu’il est sélectionné, il déclenche le téléchargement vers Dynamic Media Classic.

Pour publier des ressources qui se trouvent en dehors du dossier cible CQ:

Composants Dynamic Media Classic (Scene7) scene-components

Les composants Dynamic Media Classic suivants sont disponibles dans AEM :

Une fois qu’elles sont disponibles dans 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 le seront si elles se trouvent dans un dossier synchronisé, sur une page ou avec une configuration cloud Dynamic Media Classic.

Avis de fin de vie des visionneuses par Flash flash-viewers-end-of-life-notice

À compter du 31 janvier 2017, Adobe Dynamic Media Classic a officiellement arrêté la prise en charge de la plate-forme de la visionneuse de Flashs.

Ajout d’un composant Dynamic Media Classic à une page adding-a-scene-component-to-a-page

L’ajout d’un composant Dynamic Media Classic à une page est identique à l’ajout d’un composant à n’importe quelle 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’IU classique:

Ajout d’expériences d’affichage interactif à un site web réactif adding-interactive-viewing-experiences-to-a-responsive-website

La conception réactive de vos ressources signifie que vos ressources s’adaptent en fonction de l’endroit où elles s’affichent. La conception réactive permet d’afficher les mêmes ressources sur plusieurs appareils.

Ajout d’une expérience de visionnage interactif à un site réactif dans l’interface utilisateur classique:

Paramètres communs à tous les composants Dynamic Media Classic settings-common-to-all-scene-components

Bien que les options de configuration varient, les paramètres suivants sont communs à tous les composants Dynamic Media Classic :

Vous définissez ces options de configuration en double-cliquant sur un composant Dynamic Media Classic, par exemple, lorsque vous ouvrez une Zoom component :

Zoom 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. Cliquer x ou la flèche de réinitialisation du zoom rétablit la taille d’origine de l’image importée. Cliquez sur les flèches diagonales pour le faire apparaître en plein écran. Cliquez sur  Modifier  pour configurer le composant. Avec ce composant, vous pouvez configurer les paramètres communs à tous les composants Dynamic Media Classic.

Flyout 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. Avec ce composant, vous pouvez configurer les paramètres communs à tous les composants Dynamic Media Classic.

Image image

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

Titre, Texte secondaire  : dans l’onglet Avancé, ajoutez un titre à l’image et un texte de remplacement destiné aux utilisateurs dont les graphiques sont désactivés.

URL, Ouvrir dans  : vous pouvez définir une ressource pour ouvrir un lien. Définissez l’URL, puis dans Ouvrir dans, indiquez si vous souhaitez que la ressource s’ouvre dans la même fenêtre ou dans une nouvelle.

Paramètre prédéfini de la visionneuse  : sélectionnez un paramètre prédéfini de visionneuse existant. Si le paramètre prédéfini de visionneuse que vous recherchez n’est pas visible, vous devrez le rendre visible. Consultez Gestion des paramètres prédéfinis de visionneuse. Vous ne pouvez pas sélectionner de paramètre prédéfini de visionneuse si vous utilisez un paramètre d’image prédéfini et vice versa.

Configuration Dynamic Media Classic - Sélectionnez la configuration Dynamic Media Classic à utiliser pour récupérer les paramètres d’image prédéfinis principaux à partir de Scene7 Publishing System.

Paramètre prédéfini d’image  : sélectionnez un paramètre prédéfini d’image existant. Si le paramètre d’image prédéfini que vous recherchez n’est pas visible, vous devrez le rendre visible. Consultez Gestion des paramètres d’image prédéfinis. Vous ne pouvez pas sélectionner de paramètre prédéfini de visionneuse si vous utilisez un paramètre d’image prédéfini et vice versa.

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. Consultez 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 en Bonnes pratiques relatives à la qualité des images Adobe Dynamic Media Classic et à l’accentuation.

Modificateurs d’URL  : vous pouvez modifier les effets d’image en fournissant des commandes d’image Dynamic Media Classic supplémentaires. Elles sont décrites dans la section Gestion des paramètres d’image prédéfinis et le Référence de commande.

Points d’arrêt  : si votre site web est réactif, vous pouvez modifier les points d’arrêt. Les points d’arrêt doivent être séparés par des virgules ,.

Modèle d’image image-template

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 leur permettre d’être variables. Le Modèle d’image permet d’importer des images et de modifier dynamiquement le texte 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. Vous pouvez configurer paramètres communs à tous les composants Dynamic Media Classic ainsi que d’autres paramètres décrits dans cette section.

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

Titre, texte de remplacement Dans le Modèle d’image Dynamic Media Classic ajoutez un titre à l’image et un texte de remplacement pour les utilisateurs pour lesquels les graphiques sont désactivés.

URL, Ouvrir dans Vous pouvez définir une ressource à partir de pour 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 changing-text-dynamically

Pour modifier dynamiquement le 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 à sa valeur d’origine en cliquant sur Réinitialiser en regard du champ.

Modification du texte pour refléter la valeur d’une valeur ClientContext changing-text-to-reflect-the-value-of-a-client-context-value

Pour lier un champ à une valeur de contexte client, cliquez sur Sélectionner pour ouvrir le menu client-context, sélectionnez le contexte client, puis cliquez sur 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 à sa valeur d’origine en cliquant sur Réinitialiser en regard du champ.

Faire du modèle d’image Dynamic Media Classic un lien making-the-scene-image-template-a-link

Pour faire du modèle d’image Dynamic Media Classic un lien:

Composant vidéo video-component

Le composant  Vidéo de Dynamic Media Classic (disponible depuis la section Dynamic Media Classic du sidekick) utilise la détection d’appareil et de bande passante pour diffuser la vidéo adéquate à 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 visionneuses de vidéos adaptatives, une vidéo MP4 unique ou une vidéo F4V unique.

Pour plus d’informations sur le fonctionnement des vidéos avec l’intégration de Dynamic Media Classic, regardez Vidéo. En outre, voir comment la valeur Vidéo Dynamic Media Classic compare le composant à la base ; video component.

Limitations connues du composant vidéo known-limitations-for-the-video-component

La gestion des actifs numériques et la gestion de contenu web Adobes indiquent si une vidéo originale est chargée. Elles n’affichent pas les éléments proxy suivants :

Lors de l’utilisation d’une visionneuse de vidéos adaptatives avec le composant vidéo Dynamic Media Classic, vous devez redimensionner le composant pour l’adapter aux dimensions de la vidéo.

Navigateur de contenu Dynamic Media Classic scene-content-browser

L’explorateur de contenu Dynamic Media Classic vous permet d’afficher le contenu de Dynamic Media Classic directement dans 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. Cette fonctionnalité est identique pour les deux interfaces utilisateur.

Si vous disposez de plusieurs configurations, AEM affiche par défaut la variable configuration par défaut. Vous pouvez sélectionner différentes configurations directement dans le navigateur de contenu Dynamic Media Classic depuis le menu déroulant.

Navigation dans le contenu de l’IU classique browsing-content-in-the-classic-ui

Parcourez le contenu dans Dynamic Media Classic en cliquant sur le S7 .

Vous pouvez modifier la configuration à laquelle vous accédez en la sélectionnant. Les dossiers changent en fonction de la configuration que vous sélectionnez.

Comme avec l’outil de recherche de contenu pour les ressources, vous pouvez rechercher des ressources et filtrer les résultats. Toutefois, contrairement à l’outil de recherche de ressources, lorsque vous saisissez un mot-clé dans la variable S7 onglet, nom du fichier commence par la chaîne que vous avez saisie, plutôt que contain le mot-clé dans le nom du fichier.

Par défaut, les ressources sont affichées par nom de fichier. Vous pouvez également filtrer les résultats par type de ressource.

Recherche de ressources Dynamic Media Classic à l’aide de l’explorateur de contenu searching-for-scene-assets-with-the-content-browser

La recherche de ressources Dynamic Media Classic est similaire à la recherche AEM ressources, sauf que lorsque vous effectuez une recherche, une vue distante des ressources s’affiche dans le système Dynamic Media Classic, plutôt que de les importer directement dans AEM.

Vous pouvez utiliser l’IU classique ou l’IU optimisée pour les écrans tactiles pour afficher et rechercher des ressources. Selon l’interface, la manière dont vous effectuez des recherches diffère légèrement.

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 des mots-clés que vous saisissez, le nom de fichier commence par . Par exemple, la saisie du mot « swimming » recherche tous les noms de fichier qui commencent par ces lettres, dans cet ordre. Veillez à cliquer sur Entrée après avoir tapé le terme pour trouver la ressource.

Dossier/chemin - Le nom du dossier qui s’affiche dépend de la configuration que vous avez sélectionnée. Vous pouvez descendre jusqu’à des niveaux inférieurs en cliquant sur l’icône de 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 les sous-dossiers. Toutefois, si vous ne saisissez aucun mot-clé lors de la recherche, la sélection du dossier affichera uniquement les ressources contenues dans ce dossier et n’inclura aucun sous-dossier.

Par défaut, AEM recherche le dossier sélectionné et tous les sous-dossiers.

Type de ressource Sélectionnez Dynamic Media Classic pour parcourir le contenu Dynamic Media Classic. Cette option n’est disponible que si vous avez déjà configuré Dynamic Media Classic.

Configuration Si plusieurs configurations Dynamic Media Classic sont définies dans Cloud Services, vous pouvez le sélectionner ici. Par conséquent, le dossier change en fonction de la configuration choisie.

Type de ressource Dans le navigateur Dynamic Media Classic, vous pouvez filtrer les résultats pour inclure l’un des éléments suivants : images, modèles, vidéos et ensembles de vidéos adaptatifs. Si vous ne sélectionnez aucun type de ressource, AEM recherche par défaut tous les types de ressource.

État de publication Vous pouvez filtrer les ressources en fonction de l’état de publication : Publié ou Non publié. Si vous ne sélectionnez aucune État de publication, AEM recherche par défaut tous les états de publication.