Gestion des paramètres prédéfinis de visionneuse

Un paramètre prédéfini de visionneuse est un ensemble de paramètres qui détermine comment les utilisateurs voient les ressources multimédias enrichies sur leur écran d’ordinateur et leurs appareils mobiles. En tant qu’administrateur, vous pouvez créer des paramètres prédéfinis de visionneuse. Les paramètres sont disponibles pour un ensemble d’options de configuration de la visionneuse. Vous pouvez, par exemple, modifier la taille d’affichage et le comportement du zoom de la visionneuse.

Voir aussi le Guide de référence des visionneuses Dynamic Media.

Cette section décrit comment créer, modifier et gérer les paramètres prédéfinis de visionneuse. Vous pouvez appliquer des paramètres prédéfinis de visionneuse à une image lorsque vous la prévisualisez. Voir Application de paramètres prédéfinis de visionneuse.

Accessibilité clavier pour les visionneuses

Toutes les visionneuses prêtes à l’emploi prennent en charge l’accessibilité clavier.

Voir aussi Accessibilité clavier et navigation.

Gestion des paramètres prédéfinis de visionneuse

Vous pouvez ajouter, modifier, supprimer, publier, dépublier et prévisualiser des paramètres prédéfinis de visionneuse dans Adobe Experience Manager en accédant à Outils (icône de marteau) > Ressources > Paramètres prédéfinis de la visionneuse.

Prise en charge des visionneuses pour les pages web réactives

Chaque page web a des besoins différents. Vous aurez parfois besoin d’une page web proposant un lien qui ouvre la visionneuse HTML5 dans une fenêtre de navigateur distincte. Dans d’autres cas, vous aurez besoin d’intégrer directement la visionneuse HTML5 sur la page d’hébergement. Si c’est le cas, la page web aura une mise en page statique. Autrement, elle est « réactive » et est affichée différemment en fonction du périphérique ou de la taille de fenêtre du navigateur. Pour répondre à ces besoins, toutes les visionneuses HTML5 prédéfinies prêtes à l’emploi fournies avec Dynamic Media prennent en charge les pages web statiques et les pages web adaptées.

Voir Bibliothèque d’images statiques et réactives dans l’assistance de l’API de rendu et de diffusion d’images de Dynamic Media afin d’en savoir plus sur l’intégration des visionneuses réactives sur vos pages web.

Compatibilité du système de paramètres prédéfinis de visionneuse

Tous les paramètres de visionneuse prédéfinis fournis avec Dynamic Media sont entièrement compatibles avec les systèmes suivants :

• Ordinateurs de bureau
• iPhone Apple
• iPad Apple
• Smartphone Android™
• Tablette Android™

Types de médias riches pour les paramètres prédéfinis de visionneuse

Les administrateurs peuvent ajouter et personnaliser les types de médias riches suivants lors de la création de paramètres prédéfinis de visionneuse :

Liste des paramètres prédéfinis de visionneuse prêts à l’emploi

Le tableau suivant identifie tous les paramètres prédéfinis de visionneuse prêts à l’emploi fournis avec Dynamic Media.

Consultez aussi les Démonstrations en direct.

Pour en savoir plus sur les versions de navigateur web et de système d’exploitation compatibles avec les visionneuses, consultez les notes de mise à jour des visionneuses.

Voir « Notes de mise à jour sur les visionneuses » dans la table des matières du Guide de référence des visionneuses.

Tableau des gestes pris en charge par les visionneuses mobiles

Le tableau suivant répertorie les gestes pris en charge dans les visionneuses mobiles sur les appareils iOS, Android™ 2.x et Android™ 3.x.

Augmentation du nombre de paramètres prédéfinis de visionneuse qui s’affichent

Experience Manager affiche une grande variété de paramètres prédéfinis de visionneuse lors de l’affichage de ressources à partir de Affichage des détails > Visionneuses. Vous pouvez augmenter ou diminuer le nombre de visionneuses qui s’affichent.

Pour augmenter le nombre de paramètres prédéfinis de visionneuse qui s’affichent :

1. Accédez à CRXDE Lite (https://localhost:4502/crx/de).

2. Accédez au nœud de liste des paramètres prédéfinis de visionneuse à l’adresse /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist

   

3. Dans la propriété limit, définissez la valeur de votre choix dans la colonne Valeur ; par défaut, elle est définie sur 15.

4. Accédez à la source de données de paramètres prédéfinis de visionneuse à l’adresse /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource

   

5. Dans la propriété limit, saisissez la valeur de votre choix ; par exemple, {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

6. Sélectionnez Enregistrer tout.

Création de paramètres prédéfinis de visionneuse

La création de paramètres prédéfinis de visionneuse vous permet d’appliquer divers paramètres afin d’afficher et d’interagir avec les ressources. Toutefois, vous n’avez pas besoin de créer de paramètres prédéfinis de visionneuse. Si vous préférez, vous pouvez utiliser les paramètres prédéfinis de visionneuse par défaut fournis avec Experience Manager Assets.

Si vous choisissez de créer un paramètre prédéfini de visionneuse, après l’avoir enregistré, le statut de la visionneuse est automatiquement activé (défini sur Activé) dans la page Paramètres prédéfinis de la visionneuse. Ce statut indique qu’elle est visible dans les composants Dynamic Media et Interactive Media, ou dès que vous prévisualisez une image ou une vidéo.

Certains paramètres prédéfinis de visionneuse bénéficient de paramètres exclusifs qui peuvent affecter l’utilisation et le comportement global de la visionneuse. Selon le paramètre prédéfini de visionneuse que vous créez, il est souhaitable d’être au fait de ces remarques spéciales.

Voir Remarques spéciales sur la création d’un paramètre de visionneuse interactive prédéfini.

Voir Remarques spéciales sur la création d’un paramètre prédéfini de visionneuse pour une bannière de carrousel.

Pour créer des paramètres prédéfinis de visionneuse :

1. Dans le coin supérieur gauche d’Experience Manager, sélectionnez le logo Experience Manager, puis, dans le rail de gauche, rendez-vous sur Outils (icône Marteau) > Ressources > Paramètres prédéfinis de la visionneuse.

   

2. Sur la page Paramètres prédéfinis de la visionneuse, dans la barre d’outils, sélectionnez Créer.

3. Dans la boîte de dialogue Nouveau paramètre prédéfini de la visionneuse, dans le champ Nom du paramètre prédéfini, saisissez le nom du nouveau paramètre prédéfini. Choisissez un nom avec soin ; il n’est plus modifiable une fois que vous sélectionnez Créer.

   Lorsque vous enregistrerez le paramètre prédéfini lors des étapes suivantes, le nom s’affichera sur la page Paramètres visionneuse sous l’en-tête de colonne Titre prédéfini.

4. Dans le menu déroulant Type de contenu multimédia enrichi, sélectionnez le type de paramètre prédéfini de visionneuse que vous souhaitez créer puis, dans le coin supérieur droit de la page, sélectionnez Créer.

   Voir Types de médias riches pour les paramètres prédéfinis de visionneuse.

5. Sur la page Éditeur de paramètres prédéfinis de la visionneuse, sélectionnez l’onglet Apparence.

6. Utilisez l’une des méthodes suivantes :

   • Dans le menu déroulant Type sélectionné, sélectionnez un composant dont vous souhaitez personnaliser la conception visuelle. Vous pouvez également sélectionner n’importe quel élément visuel de la visionneuse afin de le sélectionner pour le configurer.

     L’éditeur visuel vous permet de voir l’effet d’une propriété spécifique sur un style. Définissez ou modifiez une propriété pour immédiatement en visualiser l’effet sur la visionneuse en utilisant l’échantillon à la gauche de l’éditeur.

     Les propriétés de style CSS de chaque type de paramètre prédéfini de visionneuse sont décrites dans la rubrique d’aide Personnalisation de la visionneuse <viewer name> dans le Guide de référence des visionneuses. Par exemple, si vous créez un paramètre prédéfini de visionneuse de type Mixed_Media, consultez Personnaliser une visionneuse de médias mixtes pour une liste et une description de chaque propriété.

   • Si vous avez défini des paramètres de style dans un fichier CSS distinct, vous pouvez charger le fichier CSS dans Experience Manager Assets. Pour rechercher le fichier CSS chargé et l’associer au paramètre prédéfini de visionneuse, sélectionnez Importer le fichier CSS sous le menu déroulant Type sélectionné (si nécessaire, faites défiler l’éditeur visuel pour le voir).

     Lorsque vous importez un fichier CSS, l’éditeur visuel vérifie que le CSS utilise des marqueurs de visionneuse adaptés. Si vous créez par exemple une visionneuse de zoom, toutes les règles CSS que vous importez doivent être définies à l’aide de son nom de classe de visionneuse .s7mixedmediaviewer défini sur un élément de visionneuse parent.

     Vous pouvez importer des CSS arbitraires créés manuellement, à condition qu’ils définissent correctement les marqueurs CSS d’une visionneuse donnée. (Les marqueurs CSS sont décrits dans la rubrique d’aide Personnalisation de la visionneuse <nom de visionneuse> du Guide de référence des visionneuses. Par exemple, pour en savoir plus sur les marqueurs CSS de la visionneuse de zoom, reportez-vous à Personnalisation de la visionneuse de zoom.) Il se peut toutefois que l’éditeur visuel ne comprenne pas certaines valeurs CSS. Dans de tels cas, l’éditeur visuel tente d’ignorer les erreurs de sorte que le code CSS reste fonctionnel.

   REMARQUE

   Si vous préférez modifier le CSS directement dans sa forme brute, sélectionnez Afficher/masquer CSS sous le menu déroulant Type sélectionné (si nécessaire, faites défiler l’éditeur visuel pour le voir).
   Comme pour l’éditeur visuel, lorsque vous modifiez une propriété directement dans le CSS, vous pouvez voir immédiatement l’effet du changement sur l’échantillon de visionneuse. En outre, cette même propriété est automatiquement et simultanément mise à jour dans l’éditeur visuel. Ainsi, vous pouvez utiliser l’éditeur CSS brut, l’éditeur visuel, ou les deux, de façon interchangeable.

   REMARQUE

   Pour une illustration de bouton, sélectionnez l’image x2 puis chargez l’illustration haute résolution. Lorsque vous travaillez avec des images interactives et des bannières favorisant les achats, vous pouvez également choisir parmi divers boutons de zone réactive prêts à l’emploi.

7. (Facultatif) Près de la partie supérieure de la page Modification des paramètres de visionneuse prédéfinis, sélectionnez Ordinateur de bureau, Tablette ou Téléphone pour définir de manière unique les styles visuels pour différents types d’appareils et d’écrans.

8. Sur la page Éditeur de paramètres prédéfinis de la visionneuse, sélectionnez l’onglet Comportement. Vous pouvez également sélectionner n’importe quel élément visuel de la visionneuse afin de le sélectionner pour le configurer.
   Par exemple, pour la variable VideoPlayer type, sous Modificateurs > Lecture, vous pouvez effectuer une sélection parmi trois options de diffusion en continu à débit adaptatif :

   • dash - Diffusion de vidéos en tant que DASH uniquement. Toutefois, sur les périphériques Safari/iOS, vous devez sélectionner hls comme type.
   • hls - Flux vidéo en tant que HLS uniquement.
   • auto - Bonne pratique. La création des flux DASH et HLS est optimisée pour le stockage. Par conséquent, Adobe recommande de toujours sélectionner auto comme type de lecture. Les vidéos sont diffusées en continu sous la forme de tirets, hls ou progressifs, comme dans l’exemple suivant :
     • Si le navigateur prend en charge DASH, la diffusion en continu DASH est utilisée, tout d’abord.
     • Si le navigateur ne prend pas en charge DASH, la diffusion HLS en continu est utilisée, ensuite.
     • Si le navigateur ne prend pas en charge DASH ou HLS, la lecture progressive est utilisée, enfin.
   REMARQUE

   Pour afficher et utiliser la variable dash , elle doit d’abord être activée par le support technique d’Adobe sur votre compte. Voir Activation de DASH sur votre compte.

9. Dans le menu déroulant Type sélectionné, sélectionnez un composant dont vous souhaitez modifier le comportement.

   De nombreux composants de l’éditeur visuel présentent une description détaillée. Ces descriptions apparaissent dans des boîtes de dialogue bleues lorsque vous développez un composant pour en afficher les paramètres associés.

   Certains types de visionneuses comportent des composants qui vous permettent de spécifier des commandes de diffusion d’images dans un champ de texte Commande IS. Pour obtenir la liste des commandes que vous pouvez utiliser, voir le Guide de référence de l’API IS.

   REMARQUE

   Si vous utilisez un périphérique tactile, tel qu’un téléphone ou une tablette…

   Après avoir saisi une valeur dans le champ de texte, sélectionnez à un autre endroit de l’interface utilisateur pour envoyer la modification et fermer le clavier virtuel. Si vous sélectionnez Entrée, aucune action ne se produit.

10. Dans le coin supérieur droit de la page, sélectionnez Enregistrer.

11. Publiez votre nouveau paramètre de visionneuse prédéfini. Il est nécessaire de publier le paramètre prédéfini afin que vous puissiez utiliser l’URL qui en résulte sur votre site web.

    Consultez la section Publication de paramètres prédéfinis de visionneuse.

    IMPORTANT

    Pour les anciennes vidéos qui utilisent un profil de diffusion en continu à débit adaptatif, l’URL continue de fonctionner normalement (avec diffusion HLS en continu) jusqu’à ce que vous Retraiter les ressources vidéo. Après le retraitement, la même URL continuera à fonctionner, mais désormais avec both Diffusion en continu DASH et HLS activée.

Remarques spéciales sur la création d’un paramètre prédéfini de visionneuse interactive

À propos des modes d’affichage des miniatures dans le panneau :

Lorsque vous créez ou modifiez un paramètre prédéfini de visionneuse de vidéos interactives, vous avez le choix entre les paramètres de mode d’affichage à utiliser. Ce choix se produit lorsque vous sélectionnez InteractiveSwatches dans le menu déroulant Composant sélectionné sous l’onglet Comportement. Le mode d’affichage que vous choisissez affecte le mode d’affichage et le moment où les miniatures s’affichent pendant la lecture de la vidéo. Vous pouvez sélectionner le mode d’affichage segment (par défaut) ou le mode d’affichage continuous.

À propos du comportement de défilement automatique dans la visionneuse de vidéo interactive :

Le comportement du défilement automatique des miniatures dans la visionneuse de vidéo interactive est indépendant du mode d’affichage que vous avez sélectionné.

Lorsque vous créez ou modifiez un paramètre prédéfini de visionneuse de vidéos interactive, vous accédez au défilement automatique à partir de l’onglet Comportement. Dans l’onglet Comportement, dans le menu déroulant Composants sélectionnés, sélectionnez Nuances interactives. La case à cocher Défilement automatique se trouve sous le champ de texte Commande IS.

Si vous désactivez Défilement automatique (en désélectionnant la case) dans le paramètre prédéfini de visionneuse, le panneau n’affiche que la première miniature lorsque l’utilisateur regarde la vidéo, et ce pour toute sa durée. Toutefois, l’utilisateur peut faire défiler manuellement les miniatures à l’aide des flèches haut et bas, le cas échéant.

Lorsque vous activez (sélectionnez) Défilement automatique dans le paramètre prédéfini de visionneuse, les miniatures affectées à un segment vidéo défilent au début du segment. Il existe toutefois des cas où certaines miniatures d’un segment s’affichent deux fois plus longtemps que d’autres avant ou après. Ce comportement se produit car le nombre de miniatures dans un segment est supérieur au nombre visible dans le panneau et ne sont pas divisibles uniformément.

Prenons l’exemple d’un segment vidéo de 30 secondes. Supposons qu’il existe un total de neuf miniatures à afficher pendant ces 30 secondes. Votre navigateur est dimensionné de sorte qu’il existe quatre emplacements visibles pour les miniatures dans le panneau d’affichage. Le segment vidéo de 30 secondes est divisé en trois sous-segments. Le tableau ci-dessous contient la répartition des miniatures affichées pour un sous-segment de durée donné :

Le sous-segment vidéo 3 ne s’étend pas au-delà des miniatures qui lui sont affectées. Notez également que les miniatures 4, 6 et 7 sont visibles dans le panneau deux fois plus longtemps que les autres miniatures.

La logique utilisée par la visionneuse pour gérer le nombre de miniatures qui s’affichent dans le panneau en fonction du nombre de positions disponibles est la suivante :

• Nombre de sous-segments = arrondi au sous-segment supérieur (nombre de miniatures/nombre d’emplacements visibles dans le panneau des miniatures, en fonction de la taille de la fenêtre du navigateur).
  En reprenant l’exemple du tableau ci-dessus, 9 miniatures/4 emplacements = 2,25 ; la logique de la visionneuse arrondit donc à trois sous-segments.

• Nombre de miniatures = arrondi à la miniature supérieure (nombre de miniatures/nombre de sous-segments vidéo).
  En reprenant l’exemple du tableau ci-dessus, 9 miniatures/3 sous-segments vidéo = 3 miniatures.

• Durée du sous-segment = durée totale de la vidéo / nombre de sous-segments vidéo.
  En reprenant l’exemple du tableau ci-dessus, 30 secondes/3 sous-segments vidéo = 10 secondes d’affichage pour chaque sous-segment vidéo.

Remarques spéciales sur la création d’un paramètre prédéfini de visionneuse de bannière de carrousel

Lors de la création de paramètres prédéfinis de visionneuse de bannière de carrousel, le style des zones réactives est modifiable comme suit :

Activer ou désactiver les paramètres prédéfinis de visionneuse

Les paramètres de visionneuse prédéfinis qui sont disponibles dans l’interface utilisateur dépendent des paramètres activés dans le mode création. Par défaut, un paramètre de visionneuse prédéfini est réglé sur « Activé » après sa création. Si vous désactivez le paramètre prédéfini, vous ne pourrez pas le voir en mode création. Si le paramètre prédéfini est publié, il l’est toujours, qu’il soit activé ou désactivé. Désactivez certains paramètres prédéfinis si la liste devient difficile à gérer ou si vous souhaitez empêcher l’utilisation d’un paramètre de visionneuse prédéfini.

Pour activer ou désactiver les paramètres prédéfinis de visionneuse :

1. Dans le coin supérieur gauche d’Experience Manager, sélectionnez le logo Experience Manager, puis, dans le rail de gauche, sélectionnez Outils (icône Marteau) > Ressources > Paramètres prédéfinis de la visionneuse.

2. Dans la page Paramètre prédéfini de la visionneuse, sous l’en-tête de colonne État, sélectionnez le curseur pour activer ou désactiver un paramètre de visionneuse prédéfini.

   Le curseur des paramètres de visionneuse prédéfinis activés se situe à droite, dans une boîte bleue ; le curseur des paramètres de visionneuse prédéfinis désactivés se situe à gauche, dans une boîte gris clair.

Publication de paramètres prédéfinis de visionneuse

Lorsqu’un paramètre prédéfini de visionneuse est activé, cela signifie qu’il est visible dans les composants Dynamic Media et Interactive Media, et ce, dès que vous affichez une ressource.

Cependant, pour diffuser une ressource avec un paramètre de visionneuse prédéfini, ce dernier doit également être publié. Tous les paramètres de visionneuse prédéfinis doivent être activés et publiés pour obtenir une URL ou un code intégré pour une ressource. Activez et publiez tous les paramètres prédéfinis de visionneuse prêts à l’emploi fournis avec Dynamic Media. Les paramètres prédéfinis personnalisés de la visionneuse que vous créez et ajoutez sont activés automatiquement, mais ils doivent également être publiés.

Voir Activation ou désactivation des paramètres de visionneuse prédéfinis.

Voir aussi Prévisualisation de ressources.

Pour publier les paramètres prédéfinis de visionneuse :

1. Dans le coin supérieur gauche d’Experience Manager, sélectionnez le logo Experience Manager, puis, dans le rail de gauche, sélectionnez Outils (icône Marteau) > Ressources > Paramètres prédéfinis de la visionneuse.
2. Sélectionnez un ou plusieurs paramètres de visionneuse prédéfinis que vous souhaitez publier.
3. Sélectionnez l’icône Publier de la barre d’outils.

Trier de paramètres prédéfinis de visionneuse

1. Dans le coin supérieur gauche d’Experience Manager, sélectionnez le logo Experience Manager, puis, dans le rail de gauche, sélectionnez Outils (icône Marteau) > Ressources > Paramètres prédéfinis de la visionneuse.
2. Sélectionnez Titre prédéfini, Type, Publié ou État afin de trier en fonction de cette colonne. Sélectionnez par exemple Type pour trier les types de paramètres prédéfinis de visionneuse dans l’ordre alphabétique standard ou inversé.

Modification de paramètres prédéfinis de visionneuse

La modification des paramètres prédéfinis de visionneuse prêts à l’emploi n’est pas un scénario pris en charge. Si vous modifiez un paramètre de visionneuse prédéfini prêt à l’emploi, vous serez invité à l’enregistrer en utilisant un nouveau nom.

Pour modifier les paramètres prédéfinis de visionneuse :

1. Dans le coin supérieur gauche d’Experience Manager, sélectionnez le logo Experience Manager, puis, dans le rail de gauche, sélectionnez Outils (icône Marteau) > Ressource > Paramètres prédéfinis de la visionneuse.

2. Sélectionnez un paramètre prédéfini en cochant la case à gauche du titre du paramètre prédéfini de la visionneuse.

3. Dans la barre d’outils, sélectionnez Modifier.

4. Sur la page Éditeur de paramètres prédéfinis de la visionneuse, apportez les modifications souhaitées au paramètre prédéfini de la visionneuse à l’aide des options disponibles dans les onglets Apparence et Comportement.

   Dans l’onglet Apparence, près du coin supérieur gauche de la page Éditeur de paramètres prédéfinis de la visionneuse, sélectionnez Bureau, Tablette ou Téléphone pour modifier le mode de présentation de la ressource.

5. Près du coin supérieur droit de la page, effectuez l’une des opérations suivantes :

   • Sélectionnez Enregistrer pour enregistrer vos modifications et revenir à la page du paramètre prédéfini de visionneuse.
   • Sélectionnez Annuler pour annuler les modifications effectuées et revenir à la page du paramètre prédéfini de visionneuse.

Suppression de paramètres prédéfinis de visionneuse personnalisés

Vous pouvez supprimer les paramètres prédéfinis de visionneuse que vous avez créés et ajoutés dans Dynamic Media.

Pour supprimer des paramètres prédéfinis de visionneuse personnalisés :

1. Dans le coin supérieur gauche d’Experience Manager, sélectionnez le logo Experience Manager, puis, dans le rail de gauche, sélectionnez Outils (icône Marteau) > Ressources > Paramètres prédéfinis de la visionneuse.
2. Sur la page Paramètres prédéfinis de la visionneuse, cochez un titre de paramètre prédéfini, puis sélectionnez l’icône de la corbeille.
3. Sélectionnez Supprimer.

Application d’un paramètre prédéfini de visionneuse à une ressource

Si vous avez déjà publié la ressource et la visionneuse sélectionnée, l’URL et les boutons d’intégration s’affichent une fois que vous avez sélectionné un paramètre prédéfini de visionneuse.

Pour appliquer un paramètre prédéfini de visionneuse à une ressource :

1. Ouvrez la ressource, puis, dans le coin supérieur gauche de la page, sélectionnez le menu déroulant et sélectionnez Visionneuses.

   REMARQUE

   Si vous avez déjà publié la ressource et la visionneuse sélectionnée, l’URL et les boutons d’intégration s’affichent une fois que vous avez sélectionné un paramètre prédéfini de visionneuse.

2. Pour l’appliquer à la ressource, sélectionnez un paramètre prédéfini de visionneuse dans le volet de gauche.

   Vous pouvez copier l’URL à partager avec d’autres utilisateurs.

Diffusion de ressources avec des paramètres prédéfinis de visionneuse

Pour obtenir les URL des paramètres prédéfinis de visionneuse, voir Lier des URL à une application web. Voir aussi Intégration de la visionneuse de vidéos à une page web.

Si vous utilisez Experience Manager pour la gestion de contenu web, vous pouvez ajouter des ressources en utilisant des paramètres de visionneuse prédéfinis directement sur la page. Voir Ajout de ressources Dynamic Media à des pages.

Ressources Business.Adobe.com