Show Menu
SUJETS×

Managing Dynamic Media viewer presets

Un paramètre prédéfini de visionneuse de médias dynamiques est un ensemble de paramètres qui déterminent la manière dont les utilisateurs visualisent les fichiers de média enrichi sur leur écran d’ordinateur et leurs périphériques mobiles. Si vous êtes 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 ou le comportement de zoom de la visionneuse.
For instructions on creating and customizing your own HTML5 viewer presets, see the Adobe Scene7 HTML5 Viewer SDK . Le kit SDK est disponible sur le serveur de publication IS intégré au kit SDK lui-même. Chaque version de la bibliothèque possède sa propre documentation SDK incluse.
Chemin: <scene7_domain>/s7sdk/<library_version>/docs/jsdocs/index.html . For example, 3.5 SDK: https://s7d1.scene7.com/s7sdk/3.5/docs/jsdoc/index.html
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. Reportez-vous à la section Application de paramètres de visionneuse prédéfinis .
Notez que la modification des différents paramètres prédéfinis de visionneuse de base n’est pas un scénario pris en charge. Si vous tentez de modifier un paramètre de visionneuse prédéfini de base, vous serez invité à enregistrer ce paramètre de visionneuse prédéfini en utilisant un nouveau nom.

Accessibilité clavier pour les visionneuses

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

Managing Dynamic Media viewer presets

You can add, edit, delete, publish, unpublish, and preview viewer presets in AEM by tapping Tools > Assets > Viewer Presets .
Par défaut, le système affiche 15 paramètres de visionneuse prédéfinis lorsque vous sélectionnez Visionneuses dans l’affichage des détails d’une ressource. Vous pouvez augmenter cette limite. Voir Augmenter le nombre de paramètres de visionneuse prédéfinis affichés .

Prise en charge de la visionneuse pour les pages web en responsive design.

Les diverses pages web ont 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 peut-être besoin d’intégrer directement la visionneuse HTML5 sur la page d’hébergement. Si c’est le cas, la page web aura peut-être une mise en page statique. Or, it may be responsive and display differently on different devices or for different browser window sizes. Pour répondre à ces besoins, toutes les visionneuses prédéfinies HTML5 fournies avec Dynamic Media sont compatibles à la fois avec les pages web statiques et les pages web réactives.
Voir Bibliothèque d’images réactives dans l’ aide de l’API de diffusion d’image Scene7 afin d’en savoir plus sur l’intégration des visionneuses réactives sur vos pages web.
Notez que vous devez publier toutes les visionneuses prêtes à l’emploi avant de les utiliser pour la première fois. Reportez-vous à la section Publication de paramètres de visionneuse prédéfinis.

Compatibilité du système de paramètres prédéfinis de la 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
  • Pour la vidéo, une prise en charge de lecture MP4 supplémentaire est fournie pour Blackberry et Windows Phone .

Rich media types for viewer presets

Les administrateurs peuvent ajouter et personnaliser les types de contenu multimédia suivants lors de la création de paramètres de visionneuse prédéfinis :
Types de supports enrichis
Description
Ensemble de carrousel
Les zones sensibles ou cliquables, ou les deux, sont ajoutées à une série de deux images ou plus. Un client peut effectuer un panoramique sur les images vers la gauche ou la droite, puis cliquer sur une zone réactive d’une image pour obtenir des détails supplémentaires ou pour effectuer des achats directement depuis la catégorie, la page d’accueil ou les pages d’entrée d’un site Web.
Zoom sur la fenêtre déroulante
Affiche une seconde image de la zone agrandie en regard de l’image d’origine. Aucune commande n’est disponible. Il suffit de déplacer la sélection sur la zone à visualiser.
Pour déterminer la quantité totale de bande passante allouée à la visionneuse, n’oubliez pas que l’image principale et celle de la fenêtre déroulante sont toutes deux diffusées par la visionneuse. La taille de l’image principale (largeur et hauteur d’affichage) et le facteur de zoom déterminent la taille de la fenêtre déroulante. Pour que la fenêtre déroulante ne devienne pas trop volumineuse, équilibrez ces deux valeurs : si la taille de l’image principale est importante, réduisez la valeur du facteur de zoom. (La largeur et la hauteur de la fenêtre déroulante déterminent la taille de cette dernière, mais pas celle de l’image diffusée par la visionneuse).
Par exemple, si la taille de l’image principale est de 350 x 350 pixels et que le facteur de zoom est de 3, la taille d’image de la fenêtre déroulante sera de 1 050 x 1 050 pixels. Si la taille de l’image principale est de 300 x 300 pixels et que le facteur de zoom est de 4, la taille d’image de la fenêtre déroulante sera de 1 200 x 1 200 pixels. Selon la valeur de qualité JPEG sélectionnée (une valeur comprise entre 80 et 90 est recommandée), il est possible de réduire sensiblement la taille du fichier. Selon la taille de l’image principale, un facteur de zoom de 2,5 à 4 est recommandé.
Zoom intégré
Affiche une image de la zone agrandie dans la visionneuse d’origine. Il n’y a aucune commande à utiliser. Les utilisateurs déplacent simplement la sélection sur la zone à afficher.
Visionneuse d’images
Dans la visionneuse d’images, les utilisateurs peuvent voir différentes vues ou variantes de couleur d’un élément en cliquant sur une image miniature. Cette visionneuse propose également des outils de zoom pour examiner les images de plus près.
Image interactive
Des zones réactives sont ajoutées à des parties d’une image sur lesquelles un client peut alors cliquer pour obtenir des détails supplémentaires ou pour acheter directement à partir de la catégorie, de la page d’accueil ou des pages d’entrée d’un site Web.
Vidéo interactive
Les miniatures sont ajoutées aux segments de la chronologie dans une vidéo sur laquelle un client peut alors cliquer pour obtenir des détails supplémentaires ou pour acheter directement à partir de la catégorie, de la page d’accueil ou des pages d’entrée d’un site Web.
Supports variés
Affiche différents types de médias dans une seule visionneuse. Vous pouvez inclure des visionneuses à 360°, des visionneuses d’images, des images et des vidéos.
Image panoramique
Les visionneuses Image panoramique et PanoramicVR effectuent le rendu d’images panoramiques sphériques pour plonger les utilisateurs dans une expérience de visionnage à 360° d’une pièce, d’une propriété, d’un lieu ou d’un paysage.
Pour qu’une image téléchargée soit un panorama sphérique, elle doit posséder l’une ou l’autre des propriétés suivantes, ou les deux :
  • Un rapport d’aspect de 2:1.
  • Balisée avec les mots-clés équirectangulaire ou sphérique et panorama, ou sphérique et panoramique. Voir Utilisation des balises .
Les critères de rapport d’aspect et de mots-clés s’appliquent tous deux aux ressources panoramiques pour la page des détails des ressources et le composant WCM « médias panoramiques ».
Important : Cette visionneuse est uniquement disponible dans le mode Scene7 de Dynamic Media.
Visionneuse à 360°
Propose plusieurs vues d’une image afin que les utilisateurs puissent faire pivoter l’objet pour l’examiner sous différents angles.
Vidéo
Lit la vidéo à l’aide de la diffusion en continu à débit progressif ou adaptatif. La diffusion en continu à débit adaptatif détecte automatiquement l’appareil et la bande passante pour diffuser la vidéo au bon format et dans la qualité correcte.
Zoom vertical
La visionneuse Zoom vertical permet d’optimiser l’expérience de visionnage d’une imagerie de produit afin d’offrir aux utilisateurs la meilleure représentation d’un produit. L’emplacement vertical des échantillons présente les avantages suivants :
  • Garantit que les nuances sont au-dessus du pli. Avec les échantillons horizontaux, selon la taille de l’écran de bureau de l’utilisateur , les échantillons n’étaient pas visibles tant que l’utilisateur n’avait pas fait défiler la page vers le bas. Placés verticalement dans la visionneuse, les échantillons sont visibles quelle que soit la taille de l’écran de l’utilisateur.
  • Il optimise la taille de l’image principale. Avec les échantillons horizontaux, il est nécessaire de réserver de la place sur la page afin de vous assurer qu’ils sont visibles. Ce positionnement a réduit la taille de l’image principale. Toutefois, avec une disposition verticale des échantillons, vous n’avez pas besoin d’allouer cet espace. Ainsi, vous pouvez agrandir la taille de l’image principale.
Zoom
Permet aux utilisateurs d’effectuer un zoom sur la zone en cliquant dessus. Ils peuvent cliquer sur les commandes pour effectuer un zoom avant ou arrière et rétablir la taille par défaut de l’image.

List of out-of-the-box viewer presets

Le tableau suivant identifie tous les paramètres prédéfinis prêts à l’emploi de la visionneuse fournis avec Contenu multimédia dynamique.
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.
See Viewers release notes in the table of contents of the Viewers Reference Guide .
Tous les paramètres de visionneuse prédéfinis prêts à l’emploi de Dynamic Media sont déjà activés, mais vous devez les publier. Voir Publication de paramètres de visionneuse prédéfinis .
Any new viewer presets that you create and add must be both activated and published. Voir Activation ou désactivation des paramètres de visionneuse prédéfinis et Publication de paramètres de visionneuse prédéfinis .
Titre du paramètre prédéfini de la visionneuse
Type
Nom de fichier CSS
Carousel_Dotted_dark
Ensemble_carrousel
html5_carouselviewer_dotted_dark.css
Carousel_Dotted_light
Ensemble_carrousel
html5_carouselviewer_dotted_light.css
Carousel_Numeric_dark
Ensemble_carrousel
html5_carouselviewer_numeric_dark.css
Carousel_Numeric_light
Ensemble_carrousel
html5_carouselviewer_numeric_light.css
Flyout
Zoom_fenêtre déroulante
html5_flyoutviewer.css
ImageSet_dark
Visionneuse d’images
html5_zoomviewer_dark.css
ImageSet_light
Visionneuse d’images
html5_zoomviewer_light.css
InlineMixedMedia_dark
Supports_variés
html5_inlinemixedmediaviewer_dark.css
InlineMixedMedia_light
Supports_variés
html5_inlinemixedmediaviewer_light.css
InlineZoom
Zoom_fenêtre déroulante
html5_inlinezoomviewer.css
MixedMedia_dark
Supports_variés
html5_mixedmediaviewer_dark.css
MixedMedia_light
Supports_variés
html5_mixedmediaviewer_light.css
PanoramicImage
Image_panoramique
html5_panoramicimage.css
PanoramicImageVR
Image_panoramique
html5_panoramicimage.css
Shoppable_Banner
Image_interactive
html5_interactiveimage.css
Shoppable_Video_dark
Vidéo_interactive
html5_interactivevideoviewer_dark.css
Shoppable_Video_light
Vidéo_interactive
html5_interactivevideovewer_light.css
SpinSet_dark
Visionneuse_à_360°
html5_spinviewer_dark.css
SpinSet_light
Visionneuse_à_360°
html5_spinviewer_light.css
Vidéo (inclut la prise en charge du sous-titrage)
Vidéo
html5_videoviewer.css
Video_social (inclut la prise en charge du sous-titrage et des médias sociaux)
Vidéo
html5_videoviewersocial.css
Zoom_dark
Zoom
html5_basiczoomviewer_dark.css
Zoom_light
Zoom
html5_basiczoomviewer_light.css
ZoomVertical_dark
Zoom_vertical
html5_zoomverticalviewer_dark.css
ZoomVertical_light
Zoom_vertical
html5_zoomverticalviewer_light.css

Matrice de gestes pris en charge par les visionneuses mobiles

Le tableau suivant identifie les gestes compatibles avec les visionneuses mobiles pris en charge sur les périphériques iOS, Android 2.x et Android 3.x.
Gestes
Zoom sur la fenêtre déroulante
Zoom
Rotation
Faire glisser
Panoramas
Panoramas
Panoramas
Appuyer
Affiche la fenêtre déroulante
Affiche ou masque l’interface utilisateur
Affiche ou masque l’interface utilisateur
Double pression
Ne s’applique pas
Effectue un zoom avant ou réinitialise
Effectue un zoom avant ou réinitialise
Pincer ouvert
Ne s’applique pas
Zoom avant (iOS et Android 3x uniquement)
Zoom avant (iOS et Android 3x uniquement)
Pincer à proximité
Ne s’applique pas
Zoom arrière (iOS et Android 3x uniquement)
Zoom arrière (iOS et Android 3x uniquement)
Faire glisser
Fait défiler la barre d’échantillons
Fait défiler les images
Spins
Flick
Fait défiler la barre d’échantillons
Fait défiler les images
Spins

Increasing the number of Dynamic Media viewer presets that display

AEM 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 la visionneuse de supports dynamiques qui s’affichent :
  1. Navigate to CRXDE Lite ( http://localhost:4502/crx/de ).
  2. Accédez au noeud de liste des paramètres prédéfinis de la visionneuse à l’adresse /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist
  3. Dans la propriété limite , remplacez la valeur , définie par défaut sur 15, par le nombre souhaité.
  4. Accédez à la source de données prédéfinies de la visionneuse à l’adresse /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource
  5. In the limit property, change the number to the desired number, for example {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}
  6. Appuyez sur Enregistrer tout .

Création d’un paramètre prédéfini de visionneuse de médias dynamiques

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 nouveaux 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 AEM Assets.
If you choose to create a new viewer preset, after you save it, the viewer's state is automatically activated (set to On ) in the Viewer Presets page. This state means that it is visible in the Dynamic Media component and the Interactive Media component and whenever you preview an image or video.
Certains paramètres prédéfinis de la 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 la visionneuse que vous créez, il est souhaitable d’être au fait de ces remarques spéciales.
Pour créer un paramètre prédéfini de visionneuse de supports dynamiques :
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Viewer Presets .
  2. On the Viewer Presets page, on the toolbar, tap Create .
  3. Dans la boîte de dialogue Nouveau paramètre prédéfini de la visionneuse , saisissez le nom du nouveau paramètre prédéfini dans le champ Nom du paramètre prédéfini . Choisissez le nom avec soin ; il ne peut plus être modifié une fois que vous avez appuyé sur Créer .
    When you save the preset later in these steps, the name appears on the Viewer Presets page under the Preset Title column header.
  4. On the Rich Media Type drop-down menu, select the type of viewer preset you want to create, then in the upper-right corner of the page, tap Create .
  5. On the Edit Viewer Preset page, tap the Appearance tab.
  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 appuyer sur n’importe quel élément visuel de la visionneuse pour le sélectionner en vue de sa configuration.
      L’éditeur visuel vous permet de voir l’effet d’une propriété spécifique sur un style. Il vous suffit de définir ou de modifier une propriété pour immédiatement en visualiser l’effet sur la visionneuse en utilisant l’échantillon à la gauche de l’éditeur.
      The CSS styling properties for each type of viewer preset are described in the any "Customizing <viewer_name> Viewer" Help topic in the Viewers Reference Guide .
      Par exemple, si vous créez un paramètre de visionneuse prédéfini de type Mixed_Media , consultez Personnalisation des visionneuses de supports variés 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 télécharger le fichier CSS dans AEM Assets. Appuyez sur Importer CSS en dessous du menu déroulant du Type sélectionné (vous devrez peut-être faire défiler la page vers le haut pour le voir) afin de trouver le fichier CSS transféré et de l’associer aux paramètres de visionneuse prédéfinis.
      Lorsque vous importez un fichier CSS, l’éditeur visuel vérifie que le CSS utilise des marqueurs de visionneuse adaptés. For example, if you are creating a Zoom viewer, all the CSS rules you import must be defined using its viewer class name .s7mixedmediaviewer defined on a parent viewer element.
      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 à ce que le code CSS reste fonctionnel.
    Si vous préférez modifier le CSS directement dans sa forme brute, appuyez sur Afficher/Masquer CSS sous le menu déroulant Type sélectionné (vous devrez peut-être faire 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.
    Pour une illustration de bouton, sélectionnez l’image x2 puis télé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. (Optional) Near the top of the Edit Viewer Preset page, tap Desktop , Tablet , or Phone to uniquely define visual styles for different device and screen types.
  8. On the Edit Viewer Preset page, tap the Behavior tab. Vous pouvez également appuyer ou cliquer sur un élément visuel du lecteur pour le sélectionner en vue de sa configuration.
  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 .
    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, appuyez n’importe où dans l’interface utilisateur pour soumettre la modification et fermer le clavier virtuel. Si vous appuyez sur Entrée , aucune action n’a lieu.
  10. Dans le coin supérieur droit de la page, appuyez sur Enregistrer .
  11. Publiez votre nouveau paramètre de visionneuse prédéfini. Vous devez publier le paramètre prédéfini avant de pouvoir l’utiliser sur votre site web.

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

À propos des modes d’affichage des miniatures dans le panneau
When you create or edit an Interactive Video viewer preset, you have the choice of which Display Mode setting to use when you select InteractiveSwatches from the Selected Component pull-down menu under the Behavior tab. Le mode d’affichage que vous choisissez affecte la façon dont les miniatures s’affichent pendant la lecture de la vidéo. You can choose either a segment display mode (default) or a continuous display mode.
Mode d’affichage
Description
Segment
Le segment est le mode d’affichage par défaut pour les paramètres prédéfinis de visionneuse de vidéos interactives prêtes à l’emploi Shoppable_Video_light et Shoppable_Video_dark, ainsi que pour les paramètres prédéfinis de visionneuse de vidéos interactives que vous créez vous-même.
Dans ce mode, lorsque le nombre de miniatures affectées à un segment vidéo est inférieur à celui des zones visibles dans le panneau d’affichage, les miniatures des sous-segments suivant ou précédent ne sont pas extraites pour remplir les zones vides du panneau. En d’autres termes, cela préserve l’affichage des échantillons affectés à ce segment vidéo spécifique.
Continu
In Continuous display mode, if the number of thumbnails in a segment is less than the number that are visible in the panel, the viewer automatically includes the display of thumbnails from the next segment, or the previous segment, in cases where the last thumbnail is displayed.
À 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é.
When you create or edit an interactive video viewer preset, you access Auto Scroll from the Behavior tab. Dans l’onglet Comportement, dans le menu déroulant Composants sélectionnés , appuyez sur Nuances interactives . The Auto Scroll check box is listed below the IS Command text field.
Si vous désactivez le défilement automatique (désactivez la case à cocher) dans le paramètre prédéfini de la visionneuse, lors de la lecture vidéo par l’utilisateur, le panneau affiche uniquement la première image miniature pendant toute la durée de la vidéo. Cependant, un utilisateur peut faire défiler manuellement les miniatures à l’aide des icônes de flèche vers le haut et vers le bas, si nécessaire.
Lorsque vous activez (sélectionnez) le défilement automatique dans le paramètre prédéfini de la visionneuse, au cours de la lecture vidéo, les images miniatures affectées à un segment vidéo défilent dans la vue au début d’un 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 affiche la répartition des miniatures affichées pour un sous-segment de durée :
Sous-segment Vidéo
Temps de sous-segment en secondes
Miniatures visibles dans le panneau
1
0 à 10
1, 2, 3, 4
2
10 à 20
4, 5, 6, 7
3
20-30
6, 7, 8, 9
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 à 3 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 de sous-segment = durée totale de la vidéo/nombre total 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.

Activation ou désactivation des paramètres prédéfinis de la visionneuse de supports dynamiques

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. By default, a viewer preset is On after you create it. 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 sera toujours publié, qu’il soit activé ou désactivé. Vous pouvez désactiver les paramètres prédéfinis de la visionneuse si la liste devient trop compliquée ou si vous ne souhaitez pas qu’un paramètre prédéfini de visionneuse soit mis à disposition.
Pour activer ou désactiver les paramètres prédéfinis de la visionneuse de supports dynamiques :
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Viewer Presets .
  2. On the Viewer Preset page, under the State column header, tap the toggle to activate or deactivate a viewer preset.
    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.

Publishing Dynamic Media viewer presets

Activating (or turning On ) the state of a viewer preset means that it is visible in the Dynamic Media component, the Interactive Media component, and whenever you view an asset.
Toutefois, pour diffuser un fichier avec un paramètre prédéfini de visionneuse, ce paramètre doit également être publié. All viewer presets must be activated and published to obtain URL or embed code for an asset. Vous devez activer et publier tous les paramètres de visionneuse prédéfinis déjà configurés 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.
Pour publier les paramètres prédéfinis de la visionneuse de supports dynamiques :
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Viewer Presets .
  2. Sélectionnez un ou plusieurs paramètres de visionneuse prédéfinis que vous souhaitez publier.
  3. Appuyez sur l’icône Publier  de la barre d’outils.

Sorting Dynamic Media viewer presets

Pour trier les paramètres prédéfinis de la visionneuse de supports dynamiques :
  1. Dans le coin supérieur gauche d’AEM, appuyez sur le logo AEM, puis, dans le rail de gauche, appuyez sur Outils (icône en forme de marteau) > Ressources > Paramètres prédéfinis de la visionneuse .
  2. Cliquez sur Titre prédéfini , Type , Publié ou État pour effectuer un tri en fonction de cet en-tête de colonne. Par exemple, cliquez sur Type pour trier les types de paramètres prédéfinis de la visionneuse par ordre alphabétique ou alphabétique inverse.

Editing Dynamic Media viewer presets

Notez que 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 la visionneuse de supports dynamiques :
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Viewer Presets .
  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, appuyez sur Modifier .
  4. Sur la page Modifier le paramètre de visionneuse prédéfini , modifiez le paramètre prédéfini suivant vos besoins.
  5. Utilisez l’une des méthodes suivantes :
    • Tap Save to save your changes and return to the Viewer Preset page.
    • Tap Cancel to void any changes you made and return to the Viewer Preset page.

Suppression des paramètres prédéfinis de la visionneuse de médias dynamiques personnalisée

Vous pouvez supprimer les paramètres de visionneuse prédéfinis que vous avez créés et ajoutés dans Dynamic Media.
Pour supprimer des paramètres prédéfinis personnalisés de la visionneuse de supports dynamiques :
  1. In the upper-left corner of AEM, tap the AEM logo, then in the left rail, tap Tools > Assets > Viewer Presets .
  2. On the Viewer Presets page, check a Preset Title , and then tap the Trash icon.
  3. Appuyez sur Supprimer .

Applying a Dynamic Media viewer preset to an asset

Si vous avez déjà publié la ressource et la visionneuse sélectionnée, les boutons URL et Incorporer apparaissent dès que vous sélectionnez un paramètre de visionneuse prédéfini.
Pour appliquer un paramètre prédéfini de visionneuse de supports dynamiques à un fichier :
  1. Ouvrez la ressource, puis, dans le coin supérieur gauche de la page, appuyez sur le menu déroulant et sélectionnez Visionneuses .
    Si vous avez déjà publié la ressource et la visionneuse sélectionnée, les boutons URL et Incorporer apparaissent dès que vous sélectionnez un paramètre de visionneuse prédéfini.
  2. Sélectionnez un Paramètre prédéfini de la visionneuse dans le volet de gauche pour l’appliquer à la ressource.
    Vous pouvez copier l’URL à partager  avec d’autres utilisateurs.

Publication de fichiers à l’aide de paramètres prédéfinis de la visionneuse Contenu multimédia dynamique

Pour obtenir l’URL d’un paramètre prédéfini de visionneuse, voir Liaison d’URL à une application web . Voir aussi Incorporation de la visionneuse de vidéos dans une page web .
Si vous utilisez AEM 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. Reportez-vous à la section Ajout de ressources Dynamic Media aux pages .