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.
Consultez également 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. Reportez-vous à la section Application de paramètres de visionneuse prédéfinis.
La modification des paramètres prédéfinis prédéfinis et prêts à l’emploi de la visionneuse n’est pas prise 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.
Toutes les visionneuses prêtes à l’emploi prennent en charge l’accessibilité clavier.
Voir aussi Accessibilité du clavier et navigation.
Vous pouvez ajouter, modifier, supprimer, publier, annuler la publication et les paramètres prédéfinis de la visionneuse de prévisualisations dans Adobe Experience Manager en appuyant sur Outils (icône en forme de marteau) > Ressources > Paramètres prédéfinis de la visionneuse.
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 Augmentation du nombre de paramètres prédéfinis de visionneuse qui s’affichent.
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, il est nécessaire d’incorporer la visionneuse HTML5 directement sur la page d’hébergement. Dans ce dernier cas, la page Web a une disposition statique. Ou bien, il est "réactif" et s’affiche différemment sur différents périphériques ou pour différentes tailles de fenêtre de navigateur. 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 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.
Publiez toutes les visionneuses prêtes à l’emploi avant de les utiliser pour la première fois.
Voir Publication de paramètres de visionneuse prédéfinis.
Tous les paramètres de visionneuse prédéfinis fournis avec Dynamic Media sont entièrement compatibles avec les systèmes suivants :
Les administrateurs peuvent ajouter et personnaliser les types de médias enrichis suivants lors de la création de paramètres prédéfinis de visionneuse.
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 à gauche ou à droite, puis cliquer sur une zone réactive d’une image pour plus de détails ou pour effectuer un achat directement à partir de la catégorie, du domicile ou des landings page d’un site Web. |
Dimensionnel |
Affiche des scènes 3D pour faire tourner ou recentrer votre caméra, effectuer des panoramiques ou zoomer. |
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 cliquer pour obtenir plus de détails ou pour acheter directement à partir de la catégorie, du domicile ou des landings page d’un site Web. |
Vidéo interactive | Des miniatures sont ajoutées aux segments de chronologie dans une vidéo sur laquelle un client peut cliquer pour obtenir plus de détails ou pour acheter directement à partir de la catégorie, de la page d’accueil ou des landings page 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 chargée soit un panorama sphérique, elle doit posséder l’une ou l’autre des propriétés suivantes, ou les deux :
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 ». |
Recadrage intelligent de la vidéo |
Utilisez cette visionneuse pour détecter et recadrer automatiquement le point focal d’une vidéo. |
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 360 | Utilisez la visionneuse de vidéos 360/VR afin d’effectuer le rendu de la vidéo équirectangulaire pour une expérience de visionnage immersive d’une pièce, d’une propriété, d’un emplacement, d’un paysage ou d’une procédure médicale. Lors de la lecture sur un écran plat, l’utilisateur contrôle l’angle d’affichage. La lecture sur les périphériques mobiles utilise leurs commandes gyroscopiques intégrées. La visionneuse inclut une prise en charge native de la diffusion de ressources vidéo 360. Par défaut, aucune configuration supplémentaire n’est nécessaire pour l’affichage ou la lecture. Vous diffusez une vidéo 360 avec des extensions vidéo standard telles que .mp4, .mkv et .mov. Le codec le plus courant est H.264. |
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 :
|
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. |
Le tableau suivant identifie tous les paramètres prédéfinis de visionneuse prêts à l’emploi fournis avec Dynamic Media.
Voir également 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.
Tous les paramètres prédéfinis de visionneuse prêts à l’emploi dans Dynamic Media sont activés (activé), mais vous devez les publier.
Voir Publication de paramètres de visionneuse prédéfinis.
Tous les nouveaux paramètres prédéfinis de visionneuse que vous créez et ajoutez doivent être activés et publiés.
Voir Activation ou désactivation des paramètres prédéfinis de visionneuse et Publication de paramètres prédéfinis de visionneuse.
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 |
Video360_social (Inclut les commandes de lecture vidéo de base, le rendu vidéo est effectué en mode stéréo, la commande de point de vue manuelle est désactivée mais la commande gyroscopique est activé, et il n’y a pas de fonctions de médias sociaux) |
Video_360 | html5_video360viewersocial.css |
Video360VR (Destiné aux utilisateurs finaux qui utilisent des lunettes de réalité virtuelle. Inclut les commandes de lecture vidéo de base et les fonctions de médias sociaux) |
Video_360 | html5_video360viewer.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 |
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.
Gestes | Zoom sur la fenêtre déroulante | Zoom | Rotation |
Glissement de doigt |
Panoramique |
Panoramique |
Panoramique |
Pression |
Affiche la fenêtre déroulante |
Affiche ou masque l’interface utilisateur |
Affiche ou masque l’interface utilisateur |
Double appui |
Ne s’applique pas |
Zoom avant ou réinitialisation |
Zoom avant ou réinitialisation |
Écartement des doigts |
Ne s’applique pas |
Zoom avant (iOS et Android 3x uniquement) |
Zoom avant (iOS et Android 3x uniquement) |
Pincement des doigts |
Ne s’applique pas |
Zoom arrière (iOS et Android 3x uniquement) |
Zoom arrière (iOS et Android 3x uniquement) |
Balayage |
Fait défiler la barre d’échantillons |
Fait défiler les images |
Rotation |
Glissement rapide |
Fait défiler la barre d’échantillons |
Fait défiler les images |
Rotation |
Le Experience Manager présente une grande variété de paramètres prédéfinis de visionneuse lors de l’affichage de fichiers à partir de Vue de 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 :
Accédez à CRXDE Lite (https://localhost:4502/crx/de).
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
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.
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
Dans la propriété limit, saisissez la valeur de votre choix ; par exemple, {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}
Appuyez sur Enregistrer tout.
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. Cependant, vous n’avez pas besoin de créer des paramètres prédéfinis de visionneuse. Si vous préférez, vous pouvez utiliser les paramètres prédéfinis de visionneuse prêts à l’emploi par défaut, qui sont déjà fournis avec les ressources du Experience Manager.
Si vous choisissez de créer un paramètre prédéfini de visionneuse, après l’avoir enregistrée, l’état de la visionneuse est automatiquement activé (défini sur On) dans la page Paramètres prédéfinis de la visionneuse. Cet état 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, vous devez tenir compte de ces considérations spéciales.
Voir Remarques spéciales sur la création d’un paramètre de visionneuse interactive prédéfini.
Pour créer un paramètre prédéfini de visionneuse :
Dans le coin supérieur gauche du Experience Manager, appuyez sur le logo du Experience Manager, puis, dans le rail de gauche, appuyez sur Outils (icône en forme de marteau) > Ressources > Paramètres prédéfinis de la visionneuse.
Sur la page Paramètres visionneuse, dans la barre d’outils, appuyez sur Créer.
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.
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.
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, appuyez sur Créer.
Voir Types de médias riches pour les paramètres prédéfinis de visionneuse.
Sur la page Éditeur de paramètres prédéfinis de la visionneuse, appuyez sur l’onglet Aspect.
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 ou cliquer sur 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 ajustez n’importe quelle propriété pour déterminer instantanément l’effet qu’elle a sur la visionneuse à l’aide de l’exemple à gauche de l’éditeur.
Les propriétés de style CSS pour chaque type de paramètre prédéfini de visionneuse sont décrites dans la rubrique d’aide Personnalisation de la visionneuse <viewer name>
du 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 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 vers les ressources du Experience Manager. Pour rechercher le fichier CSS téléchargé et l’associer au paramètre prédéfini de visionneuse, appuyez sur Importer 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 est toutefois possible 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.
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é (si nécessaire, faites défiler l’éditeur visuel pour le voir).
Tout comme l’éditeur visuel, lorsque vous modifiez une propriété directement dans le fichier CSS, vous pouvez instantanément voir l’effet qu’elle a sur l’exemple de lecteur de contenu. 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 les illustrations de boutons, choisissez l’image 2x et téléchargez des oeuvres d’art haute résolution. Lorsque vous travaillez avec des images interactives et des bannières pouvant faire l’objet d’achats, vous pouvez également choisir parmi divers boutons d’accès rapide prêts à l’emploi.
(Facultatif) Près de la partie supérieure de la page Modification des paramètres de visionneuse prédéfinis, appuyez sur 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.
Sur la page Éditeur de paramètres prédéfinis de la visionneuse, appuyez sur l’onglet Comportement. Vous pouvez également appuyer ou cliquer sur n’importe quel élément visuel de la visionneuse afin de le sélectionner pour le configurer.
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.
Dans le coin supérieur droit de la page, appuyez sur Enregistrer.
Publiez votre nouveau paramètre de visionneuse prédéfini. Il est nécessaire de publier le paramètre prédéfini avant de pouvoir l’utiliser sur votre site Web.
À 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 la façon dont 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
.
Mode d’affichage | Description |
Segment |
Dans ce mode, supposons qu’un segment de vidéo comporte moins de miniatures que le nombre de points visibles dans le panneau d’affichage. Dans ce cas, 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 | En La vidéo de cette rubrique est un exemple du mode d’affichage |
À 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, appuyez sur 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 de temps de la vidéo de 30 secondes est divisé en trois sous-segments. Le tableau suivant présente la ventilation des miniatures affichées pour un sous-segment de temps donné :
Sous-segment Vidéo | Temps du 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 attribué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 suivant (nombre de miniatures / nombre d’emplacements visibles dans le panneau de miniature, en fonction de la taille de la fenêtre du navigateur).
A l’aide de l’exemple du tableau ci-dessus, 9 miniatures / 4 emplacements = 2,25 ; la logique du lecteur l’arrondit à trois sous-segments.
Nombre de miniatures = arrondi à la miniature suivante (nombre de miniatures / nombre de sous-segments vidéo).
A l’aide de 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 de la vidéo.
A l’aide de l’exemple du tableau ci-dessus, 30 secondes / 3 sous-segments vidéo = 10 secondes d’affichage de chaque sous-segment vidéo.
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 :
Description | Actions | |
---|---|---|
Icône Zone réactive | Modification de l’icône utilisée pour la zone réactive | Pour modifier l’image de l’icône de zone réactive, dans l’onglet Aspect, dans Composant sélectionné, appuyez sur ImageMapEffect. Sous Icône, sélectionnez Arrière-plan et naviguez dans le champ Image jusqu’à trouver l’image souhaitée. |
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, il ne s’affiche pas en mode Auteur. Si le paramètre prédéfini est publié, il est toujours publié, qu’il soit activé ou désactivé. Désactivez 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 à votre disposition.
Pour activer ou désactiver les paramètres prédéfinis de visionneuse:
Dans le coin supérieur gauche du Experience Manager, appuyez sur le logo du Experience Manager, puis, dans le rail de gauche, appuyez sur Outils (icône en forme de marteau) > Ressources > Paramètres prédéfinis de la visionneuse.
Dans la page Paramètre de visionneuse prédéfini, sous l’en-tête de colonne État, appuyez sur le curseur pour activer ou désactiver un paramètre de visionneuse prédéfini.
Les paramètres prédéfinis de la visionneuse activés présentent la bascule sur la droite, à l’intérieur d’une zone bleue ; les paramètres prédéfinis de la visionneuse désactivée permettent d’afficher la bascule à gauche, dans une zone grise claire.
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.
Toutefois, pour diffuser un fichier avec un paramètre prédéfini de visionneuse, le paramètre prédéfini de visionneuse doit également être publié. Tous les paramètres prédéfinis de la visionneuse doivent être activés et publiés pour obtenir l’URL ou le code incorporé d’un fichier. 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:
La modification des paramètres prédéfinis prédéfinis et prêts à l’emploi de la visionneuse n’est pas prise 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:
Dans le coin supérieur gauche du Experience Manager, appuyez sur le logo du Experience Manager, puis, dans le rail de gauche, appuyez sur Outils (icône en forme de marteau) > Actif > Paramètres prédéfinis de la visionneuse.
Sélectionnez un paramètre prédéfini en cochant la case à gauche du titre du paramètre prédéfini de la visionneuse.
Dans la barre d’outils, appuyez sur Modifier.
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, en utilisant les options des 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, appuyez sur Bureau, Tablette ou Téléphone pour modifier le mode de présentation de la ressource.
Près du coin supérieur droit de la page, effectuez l’une des opérations suivantes :
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 :
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 :
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, 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 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.
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 le Experience Manager comme WCM, vous pouvez ajouter des fichiers à l’aide des paramètres prédéfinis de la visionneuse directement sur la page. Reportez-vous à la section Ajout de ressources Dynamic Media aux pages.