Ajout de fonctionnalités Dynamic Media Classic aux pages

Adobe Dynamic Media Classic est une solution hébergée permettant de gérer, d’améliorer, de publier et de diffuser des ressources multimédias enrichies sur le Web, les appareils mobiles, les e-mails et les appareils d’impression connectés à Internet.

Vous pouvez afficher les ressources de Experience Manager publiées 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 depuis Experience Manager vers Dynamic Media Classic et vous pouvez les publier depuis Dynamic Media Classic vers Experience Manager.

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

Voir aussi Ajout de zones cliquables.

Pour plus d’informations sur l’utilisation des composants vidéo avec Experience Manager, voir Vidéo.

REMARQUE

Si les ressources Dynamic Media Classic ne s’affichent pas correctement, assurez-vous que Dynamic Media est disabled 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

Experience Manager publie sur Dynamic Media Classic de manière asynchrone. Après avoir sélectionné Publier, la publication de la ressource sur Dynamic Media Classic prend plusieurs secondes.

Composants Dynamic Media Classic

Les composants Dynamic Media Classic suivants sont disponibles dans Experience Manager :

  • 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 dans Conception avant d’utiliser .

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

REMARQUE

Si vous créez et développez des visionneuses personnalisées et que vous utilisez l’outil de recherche de contenu, vous devez ajouter explicitement la variable allowfullscreen .

Notification de fin de prise en charge de la visionneuse Flash

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

Ajout d’un composant Dynamic Media Classic (Scene7) à une page

L’ajout d’un composant Dynamic Media Classic (Scene7) à 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 Dynamic Media Classic (Scene7) à une page :

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

  2. Si aucun composant Dynamic Media Classic n’est disponible, sélectionnez Conception mode, sélectionnez un composant avec une bordure bleue, puis sélectionnez Parent , puis le Configuration icône . Dans Parsys (Design), sélectionnez tous les composants Dynamic Media Classic pour les rendre disponibles, puis sélectionnez OK.

    chlimage_1-224

  3. Sélectionner Modifier pour que vous puissiez revenir à Modifier mode .

  4. Faites glisser un composant du groupe Dynamic Media Classic du sidekick vers la page à l’emplacement souhaité.

  5. Sélectionnez la Configuration pour ouvrir le composant.

  6. Modifiez le composant selon les besoins, puis sélectionnez OK pour enregistrer les modifications.

  7. Faites glisser l’image ou la vidéo de 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 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 de la ressource ne sont pas pris en charge.

Ajout d’une expérience de visionnage interactif à un site réactif

La conception réactive de vos ressources signifie que votre ressource s’adapte en fonction de l’endroit où elle s’affiche. 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 de visionnage interactif à un site réactif :

  1. Connectez-vous à Experience Manager et assurez-vous d’avoir Cloud Services Adobe Dynamic Media Classic configurés et que les composants Dynamic Media Classic sont disponibles.

    REMARQUE

    Si les composants Dynamic Media Classic ne sont pas disponibles, veillez à pour les activer au moyen du mode Conception.

  2. Dans un site web avec la variable Dynamic Media Classic composants activés, faites glisser un Image du composant à la page.

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

  4. Dans le 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 Dynamic Media Classic composants :

  • Référence du fichier : accédez à un fichier que vous souhaitez référencer. La référence au fichier affiche l’URL de la ressource et pas nécessairement l’URL Dynamic Media Classic complète, 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. Au lieu de cela, vous pouvez les ajouter via la fonctionnalité correspondante dans le 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 double-cliquant) un composant Dynamic Media Classic, par exemple, lorsque vous ouvrez une Zoom component :

chlimage_1-226

Zoom

Le composant Zoom HTML5 affiche une image plus grande lorsque vous appuyez sur la touche + bouton .

L’élément comporte des outils de zoom dans sa partie inférieure. Sélectionner + si vous souhaitez agrandir ; select - si vous voulez réduire. Appuyez sur le bouton x ou la flèche de réinitialisation du zoom rétablit la taille d’origine de l’image importée. Sélectionnez les flèches diagonales pour qu’elles s’affichent en plein écran. Sélectionner Modifier vous pouvez configurer le composant. Avec ce composant, vous pouvez configurer paramètres communs à tous Dynamic Media Classic components.

chlimage_1-227

Fenêtre déroulante

Dans le HTML5 Fenêtre déroulante , la ressource s’affiche sous la forme d’un écran partagé ; laissait la ressource à la taille spécifiée ; la partie zoom s’affiche à droite. Sélectionner Modifier vous pouvez configurer le composant. Avec ce composant, vous pouvez configurer paramètres communs à tous les composants Dynamic Media Classic.

REMARQUE

Si votre Fenêtre déroulante utilise une taille personnalisée, puis cette taille personnalisée est utilisée et la configuration réactive du composant est désactivée.

Si votre Fenêtre déroulante utilise la taille par défaut, comme défini dans Vue de conception, la taille par défaut est utilisée et le composant s’étire pour s’adapter à la taille de mise en page avec la configuration réactive du composant activée. La configuration réactive du composant est limitée. Lorsque vous utilisez la variable Fenêtre déroulante avec une configuration réactive, ne l’utilisez pas avec l’étirement de page complète. Sinon, la variable Fenêtre déroulante s’étend au-delà de la bordure droite de la page.

chlimage_1-228

Image

Dynamic Media Classic Image 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. Dynamic Media Classic Image est similaire aux autres composants d’image dans Experience Manager avec des fonctionnalités Dynamic Media Classic spéciales. Dans cet exemple, l’image a le modificateur URL Dynamic Media Classic, &op_invert=1 appliquée.

chlimage_1-229

Titre, texte de remplacement - Dans le Avancé 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.

chlimage_1-230

Paramètre prédéfini de la 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 devez 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 paramètres d’image prédéfinis principaux à 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 devez 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, d’autres options de configuration sont disponibles. 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 des commandes d’image Dynamic Media Classic supplémentaires. Ces commandes sont décrites dans la section 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 souhaitez ajuster les points d’arrêt. Les points d’arrêt doivent être séparés par des virgules ( , ).

Modèle d’image

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 Modèle d’image permet d’importer des images et de modifier dynamiquement le texte en Experience Manager. 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.

Sélectionner Modifier si vous souhaitez configurer le composant. Vous pouvez configurer paramètres communs à tous les composants Dynamic Media Classic et 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 Classic7.

REMARQUE

Les commandes et paramètres d’URL 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 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.

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

Modifier le texte de manière dynamique

Pour modifier dynamiquement le texte, saisissez le nouveau texte dans les champs et sélectionnez 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

Modifier le texte pour refléter la valeur d’une valeur ClientContext

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

  2. Dans le URL , saisissez l’URL à laquelle les utilisateurs accèdent lorsqu’ils cliquent 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. Cliquez sur OK.

Composant vidéo

Dynamic Media Classic Vidéo (disponible dans la section Dynamic Media Classic du sidekick) utilise la détection de l’appareil et de la bande passante pour diffuser la vidéo appropriée à 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 de Dynamic Media Classic. En outre, voir Comparaison du composant vidéo Dynamic Media Classic et du composant vidéo Foundation.

chlimage_1-239

Limites connues du composant vidéo

Adobe DAM et WCM indiquent 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 d’afficher le contenu de Dynamic Media Classic directement dans Experience Manager. Pour accéder à l’explorateur de contenu, dans le Outil de recherche de contenu, sélectionnez Dynamic Media Classic dans l’interface utilisateur optimisée pour les écrans tactiles ou la fonction S7 dans l’interface utilisateur classique. La fonctionnalité est identique pour les deux interfaces utilisateur.

Si vous avez plusieurs configurations, Experience Manager affiche par défaut la variable 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 ressources figurant dans le dossier à la demande n’apparaissent pas dans le navigateur de contenu Dynamic Media Classic.

  • When L’aperçu sécurisé est activé, les ressources publiées et non publiées sur Dynamic Media Classic n’apparaissent pas dans le navigateur de contenu de Dynamic Media Classic.

  • Si vous ne voyez pas Dynamic Media Classic ou le S7 comme option dans l’explorateur de contenu, vous devez configurer Dynamic Media Classic pour qu’il fonctionne avec Experience Manager.

  • 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

Parcourir le contenu dans l’IU 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.

Parcourir 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/Experience Manager.

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

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 avec l’explorateur de contenu

La recherche de ressources dans Dynamic Media Classic est similaire à la recherche de ressources dans Experience Manager Assets. Cependant, 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 Experience Manager.

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, les mots-clés que vous saisissez correspondent au 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 la touche Entrée après avoir tapé le terme pour rechercher la ressource.

chlimage_1-242

Dossier/chemin - Le nom du dossier affiché dépend de la configuration que vous avez sélectionnée. Vous pouvez descendre jusqu’à des 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, le Experience Manager recherche ce dossier et les sous-dossiers appropriés. Toutefois, si vous ne saisissez aucun mot-clé lors de la recherche, la sélection du dossier affiche uniquement les ressources contenues dans ce dossier et n’inclut aucun sous-dossier.

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

chlimage_1-243

Type de ressource - Sélectionner Dynamic Media Classic pour 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 dans Cloud Services, vous pouvez le sélectionner ici. Par conséquent, le dossier change en fonction de la configuration choisie.

chlimage_1-245

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, Experience Manager recherche tous les types de ressources par défaut.

chlimage_1-246

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

  • 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é, Experience Manager ne recherche pas les sous-dossiers.

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

chlimage_1-247

Sur cette page