Utiliser des ressources 3D dans Dynamic Media working-with-three-d-assets-dm
Dynamic Media permet de charger, gérer, afficher et diffuser des ressources 3D sous la forme d’expériences immersives.
- Publication en un clic (à l’aide de l’option Publication rapide dans la barre d’outils) de ressources 3D pour générer une URL.
- Prise en charge optimisée de l’affichage de ressources 3D avec le paramètre prédéfini de visionneuse Dimensionnel de haute qualité et interactive, optimisée par Adobe Dimension.
- Facilitation de l’ajout de ressources 3D à vos pages Adobe Experience Manager Sites grâce au composant de gestion du contenu web Média 3D.
Aucune configuration supplémentaire n’est nécessaire pour utiliser des ressources 3D dans Dynamic Media.
Formats 3D pris en charge par Dynamic Media supported-three-d-file-formats-in-dm
Dynamic Media prend en charge les formats de 3D suivants :
Consultez aussi les Formats 3D pris en charge.
Démarrage rapide : ressources 3D dans Dynamic Media quick-start-three-d
La description étape par étape du workflow qui suit est conçue pour vous aider à démarrer et à utiliser rapidement des ressources 3D dans Dynamic Media en mode Scene7.
Avant d’utiliser ces ressources 3D dans Dynamic Media, vérifiez que l’administrateur Experience Manager a activé et configuré les services cloud de Dynamic Media dans Dynamic Media en mode Scene7.
Consultez la Configuration des services cloud Dynamic Media dans Configuration de Dynamic Media en mode Scene7 et Dépannage de Dynamic Media en mode Scene7.
-
Chargement de ressources 3D
-
Gestion des ressources 3D
-
Organisation et recherche des ressources 3D
-
Affichage de ressources 3D
-
Utilisation des métadonnées des ressources 3D
-
-
Publication de ressources 3D
À propos de l’affichage et des interactions avec des ressources 3D viewing-three-d-assets
Cette section décrit deux manières différentes d’afficher des ressources 3D et d’interagir avec elles : dans la page des détails de la ressource et dans le composant Média 3D d’Experience Manager Sites.
La visionneuse 3D interactive comprend, entre autres, un ensemble de contrôles de caméra interactifs qui permettent d’orbiter, de zoomer et de faire un panoramique sur la ressource 3D.
Le délai nécessaire pour ouvrir une ressource 3D dans la page de détails de la ressource dépend de plusieurs facteurs. Ces facteurs sont notamment :
- La bande passante sur le serveur.
- Les latences sur le serveur.
- La complexité de l’image.
De plus, les capacités de l’ordinateur client, par exemple un poste de travail, un ordinateur portable ou un appareil mobile tactile, doivent être prises en compte lorsque vous manipulez la caméra de manière interactive. Un système relativement puissant avec de bonnes capacités graphiques peut rendre l’expérience interactive d’affichage en 3D plus fluide et plus favorable.
Affichage et interaction avec une ressource 3D à l’aide de la page des détails de la ressource viewing-three-d-assets-from-asset-details-page
Voir aussi Prévisualisation de ressources à l’aide de l’interface logicielle.
Pour afficher et interagir avec une ressource 3D à l’aide de la page des détails de la ressource :
-
Assurez-vous d’avoir chargé des ressources 3D dans Experience Manager.
Consultez le Chargement de ressources 3D pour utilisation dans Dynamic Media.
-
Dans Experience Manager, sur la page Navigation, accédez à Ressources > Fichiers.
-
Dans l’angle supérieur droit de la page, dans la liste déroulante Vue, appuyez sélectionnez Mode Carte.
-
Accédez à une ressource 3D que vous souhaitez afficher.
-
Sélectionnez la carte de la ressource 3D.
-
Sur la page d’affichage des détails de la ressource 3D, effectuez l’une des opérations suivantes :
table 0-row-4 1-row-4 2-row-4 3-row-4 4-row-4 5-row-4 6-row-4 Mode Description Action de souris Action de l’écran tactile Faire pivoter la caméra Faites tourner la vue autour de la scène 3D et des objets. Clic gauche + glisser. Appuyez avec un seul doigt + glisser. Effectuer un panoramique avec la caméra Vous pouvez effectuer un panoramique vers la gauche, la droite, le haut ou le bas. Cliquez avec le bouton droit de la souris et faites glisser. Appuyez avec deux doigts + glisser. Faire un zoom avec la caméra Se déplacer dans et hors des zones de la scène 3D. Roue de défilement. Appuyer avec deux doigts en les rapprochant. Recentrer la caméra Recentrez la caméra sur un point d’un objet dans la scène 3D. Double-cliquer. Double-sélectionner. Réinitialiser Près du coin inférieur droit de la page, sélectionnez l’icône Réinitialiser pour rétablir le point d’affichage cible au centre du fichier 3D. De plus, Réinitialiser rapproche ou éloigne l’angle de vue pour afficher la ressource dans son intégralité et à une taille raisonnable. Mode Plein écran Pour passer en mode Plein écran, dans le coin inférieur droit de la page, sélectionnez l’icône Plein écran. -
Dans l’angle supérieur droit de la page, sélectionnez Fermer pour revenir à la page Ressources.
Affichage et interaction avec une ressource 3D dans un composant Média 3D interacting-with-asset-inside-three-d-media-component
Lorsqu’une page web est en mode Édition, aucune interaction n’est possible avec une ressource 3D. Pour rendre la ressource interactive, vous pouvez utiliser la fonction Aperçu. Vous pouvez ainsi afficher la page web dans l’éditeur de page avec un accès complet aux fonctionnalités du composant Média 3D.
Voir aussi Prévisualisation de ressources à l’aide de l’interface logicielle.
Pour afficher et interagir avec une ressource 3D dans un composant Média 3D :
-
Lorsqu’une page web est en mode Édition, effectuez l’une des opérations suivantes :
- Près de l’angle supérieur droit de la page, sélectionnez Aperçu pour passer en mode Aperçu.
- Supprimez
/editor.htmlde l’URL de la page dans le navigateur.
Ressource 3D entièrement interactive affichée en mode Aperçu. -
En mode Aperçu, effectuez l’une des opérations suivantes :
table 0-row-4 1-row-4 2-row-4 3-row-4 4-row-4 5-row-4 6-row-4 Mode Description Action de souris Action de l’écran tactile Faire pivoter la caméra Faites tourner la vue autour de la scène 3D et des objets. Clic gauche + glisser. Appuyez avec un seul doigt + glisser. Effectuer un panoramique avec la caméra Vous pouvez effectuer un panoramique vers la gauche, la droite, le haut ou le bas. Cliquez avec le bouton droit de la souris et faites glisser. Appuyez avec deux doigts + glisser. Faire un zoom avec la caméra Se déplacer dans et hors des zones de la scène 3D. Roue de défilement. Appuyer avec deux doigts en les rapprochant. Recentrer la caméra Recentrez la caméra sur un point d’un objet dans la scène 3D. Double-cliquer. Double-sélectionner. Réinitialiser Près du coin inférieur droit de la page, sélectionnez l’icône Réinitialiser pour rétablir le point d’affichage cible au centre du fichier 3D. De plus, Réinitialiser rapproche ou éloigne l’angle de vue pour afficher la ressource dans son intégralité et à une taille raisonnable. Mode Plein écran Pour passer en mode Plein écran, dans le coin inférieur droit de la page, sélectionnez l’icône Plein écran.
À propos de l’utilisation du composant Média 3D working-with-three-d-media-component
Dynamic Media contient un composant Média 3D Dynamic Media que vous pouvez utiliser dans Adobe Experience Manager Sites pour activer l’affichage interactif de modèles 3D dans vos pages Web.
Ajout du composant Média 3D au modèle de page adding-three-d-media-component-to-page-template
-
Accédez à Outils > Général > Modèles.
-
Accédez au modèle de page dans lequel vous souhaitez activer le composant 3D, puis sélectionnez le modèle.
-
Sélectionnez Modifier afin de pouvoir ouvrir le modèle.
-
Près de l’angle supérieur droit de la page, dans le menu déroulant, sélectionnez le mode Structure, s’il n’est pas déjà actif.
-
Sélectionnez une zone vide de la région Conteneur de mise en page pour la sélectionner et ouvrir sa barre d’outils associée.
-
Dans la barre d’outils, sélectionnez l’icône Politique pour ouvrir l’Éditeur de politiques.
-
Dans la section Propriétés, sous l’onglet Composants autorisés, faites défiler l’écran jusqu’à Dynamic Media, puis développez la liste et cochez la case Média 3D.
-
Sélectionnez Terminé pour enregistrer les modifications et fermer l’Éditeur de politiques.
Vous pouvez maintenant incorporer le composant Média 3D Dynamic Media dans toutes les pages qui utilisent ce modèle.
Ajout du composant Média 3D à une page Web adding-the-three-d-media-component-to-a-web-page
Si vous utilisez Experience Manager comme système de gestion de contenu Web, vous pouvez ajouter des ressources 3D à vos pages Web au moyen du composant Média 3D.
Consultez aussi Ajout de ressources Dynamic Media à des pages.
Pour ajouter le composant Média 3D à une page Web, suivez les étapes suivantes :
-
Ouvrez Experience Manager Sites et sélectionnez la page Web à laquelle vous souhaitez ajouter le composant Média 3D Dynamic Media.
-
Sélectionnez l’icône Modifier (crayon) pour ouvrir la page dans l’éditeur de page. Assurez-vous que le mode d’édition est sélectionné près de l’angle supérieur droit de la page.
-
Dans la barre d’outils, sélectionnez l’icône du panneau latéral pour déclencher ou « activer » l’affichage du panneau.
-
Dans le panneau latéral, sélectionnez l’icône + pour ouvrir la liste Composants.
-
Faites glisser le composant Média 3D depuis la liste Composants vers l’emplacement de la page où vous souhaitez qu’apparaisse la visionneuse 3D.
Vous êtes maintenant prêt à affecter une ressource 3D au composant.
Facultatif - Configuration du composant Média 3D configuring-the-three-d-component
-
Dans l’éditeur de pages d’Experience Manager Sites, sélectionnez le composant Visionneuse de médias 3D déjà ajouté à la page.
-
Sélectionnez l’icône Configuration (clé à molette) pour ouvrir la boîte de dialogue de configuration du composant.
-
Dans la boîte de dialogue Média 3D, dans la liste déroulante Paramètre prédéfini de la visionneuse, sélectionnez Dimensionnel pour affecter au composant le paramètre prédéfini de la visionneuse Dimensionnel.
-
Dans l’angle supérieur droit, sélectionnez la coche pour enregistrer vos modifications.
Affectation d’une ressource 3D au composant Média 3D assigning-a-three-d-asset-to-the-component
Après avoir ajouté un composant Média 3D à une page web, vous pouvez lui affecter une ressource 3D.
Voir Ajouter le composant Média 3D à une page web.
Pour assigner une ressource 3D au composant Média 3D, suivez les étapes suivantes :
-
Dans l’éditeur de pages d’Experience Manager Sites, sélectionnez l’icône Ressources pour ouvrir Ressources dans le panneau latéral.
-
Dans la liste déroulante, sélectionnez 3D pour afficher uniquement les types de fichiers de ressources 3D.
-
Dans le panneau latéral, recherchez ou faites défiler l’écran jusqu’à atteindre la ressource 3D que vous souhaitez afficher sur la page en cours de modification.
-
Faites glisser la ressource 3D à partir du panneau latéral Ressources et déposez-le sur le composant Média 3D que vous avez précédemment ajouté à la page.
Publication de ressources 3D Dynamic Media statiques publishing-three-d-assets
Dynamic Media accepte différents formats de fichiers 3D pris en charge en tant que contenu statique dans Dynamic Media. La notion de contenu statique signifie que vous pouvez charger et publier des ressources 3D, mais que les fonctions d’imagerie dynamique ou de retouche d’images associées à la ressource 3D ne sont pas prises en charge. En effet, Dynamic Media Imaging Server ne reconnaît pas les formats 3D. Ainsi, après avoir publié une ressource 3D dans Dynamic Media, vous disposez d’une URL instantanée que vous pouvez copier. L’URL de la ressource 3D suit la structure d’URL Dynamic Media habituelle. Cependant, vous ne pouvez pas modifier les paramètres de l’URL de la ressource, contrairement aux ressources d’images traditionnelles de Dynamic Media.
Voir également Obtenir une URL pour une ressource statique.
En mode Carte, une petite icône en forme de globe apparaît directement sous le nom d’une ressource, et à gauche de ses informations de date et d’heure, pour indiquer qu’elle est publiée. Dans la vue Liste, une colonne Publié indique les ressources qui sont publiées et celles qui ne le sont pas.
Si vous utilisez Experience Manager comme système de gestion de contenu Web, utilisez cette méthode de publication pour ajouter directement les ressources 3D Dynamic Media dans votre page Web.
Voir aussi Publication de ressources Dynamic Media.
Voir aussi Publier des pages.
Pour publier des ressources 3D Dynamic Media statiques, suivez les étapes suivantes :
-
Ouvrez une ressource 3D (format de fichier GLB, OBJ ou STL) pour l’afficher dans la page des détails de la ressource.
-
Dans la barre d’outils, sélectionnez Publication rapide.
-
Sélectionnez Fermer pour quitter la boîte de dialogue et revenir à la page des détails de la ressource.
-
Dans la liste déroulante située à gauche du nom de fichier de la ressource 3D, sélectionnez Rendus.
-
Sélectionnez original. Lorsqu’une ressource 3D est publiée (ou « activée »), le bouton URL s’affiche à proximité de l’angle inférieur gauche de la page si toutes les conditions de la ressource 3D suivantes sont remplies :
- La ressource 3D est dans un format pris en charge (GLB, OBJ, STL et USDZ).
- La ressource 3D a été ingérée dans le système IPS (Image Production System).
- La ressource 3D est publiée.
-
Sélectionnez URL pour afficher l’URL d’exploitation directe de la ressource 3D que vous pouvez copier et utiliser dans des pages Web.
Autres méthodes de publication de ressources 3D Dynamic Media à l’aide de la visionneuse Dimensionnel alternate-publish-methods
Utilisez les deux méthodes suivantes pour publier des ressources 3D Dynamic Media si vous n’utilisez pas Experience Manager comme système de gestion de contenu Web.
-
URL : utilisez URL si vous avez recours à un système de gestion de contenu web tiers et que vous souhaitez lier des ressources 3D Dynamic Media à vos pages web à l’aide de la visionneuse Dimensionnel.
-
Incorporer : utilisez l’option Incorporer si vous souhaitez afficher une ressource 3D Dynamic Media incorporée dans une page web à l’aide de la visionneuse Dimensionnel. Vous copiez le code intégré dans le presse-papiers pour pouvoir le coller dans vos pages web. Vous ne pouvez pas modifier le code dans la boîte de dialogue Incorporer.