Utilisation de ressources 3D dans Dynamic Media

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 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.

Chaussure en 3D

Formats 3D pris en charge par Dynamic Media

Dynamic Media prend en charge les formats 3D suivants.

Voir aussi Formats 3D pris en charge.

Extension de fichier 3D Format de fichier Type MIME Remarques
GLB Transmission GL binaire model/gltf-binary Inclut les matières et les textures dans une seule ressource.
OBJ Fichier d’objet 3D WaveFront application/x-tgif
STL Stéréolithographie application/vnd.ms-pki.stl
USDZ Fichier zip de description de scène universelle model/vnd.usdz+zip Prise en charge de l’ingestion uniquement ; aucun affichage ni interaction n’est disponible. USDZ est un format 3D propriétaire qui peut être visualisé en mode natif par les appareils Safari et iOS.

Démarrage rapide : ressources 3D dans Dynamic Media

La description suivante du workflow étape par étape est conçue pour vous aider à démarrer et à utiliser rapidement des ressources 3D en mode Dynamic Media - Scene7.

IMPORTANT

Les ressources 3D ne sont pas prises en charge dans le mode hybride de Dynamic Media.

Avant d’utiliser des ressources 3D dans Dynamic Media, assurez-vous que l’administrateur du Experience Manager a déjà activé et configuré les Cloud Services Dynamic Media en mode Dynamic Media - Scene7 .

Voir Configuration des Cloud Services Dynamic MediaE dans Configuration de Dynamic Media - mode Scene7 et Dépannage de Dynamic Media - mode Scene7.

  1. Chargement de ressources 3D

  2. Gestion des ressources 3D

  3. Publication de ressources 3D

À propos de l’affichage et des interactions avec des ressources 3D

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 de 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.

CONSEIL

Vous pouvez ouvrir le paramètre prédéfini de visionneuse Dimensionnel dans l’éditeur de paramètres prédéfinis de la visionneuse pour vous entraîner à naviguer dans une ressource 3D sans avoir à charger un fichier 3D au préalable. Ce paramètre prédéfini comporte une ressource 3D intégrée avec laquelle vous pouvez interagir.

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

Affichage et interaction avec une ressource 3D à partir de la page des détails de la ressource

Voir aussi Aperçu des 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 :

  1. Assurez-vous d’avoir chargé des ressources 3D dans Experience Manager.

    Voir Chargement de vos ressources 3D pour utilisation dans Dynamic Media.

  2. Dans Experience Manager, sur la page Navigation, accédez à Ressources > Fichiers.

  3. Près du coin supérieur droit de la page, dans la liste déroulante Afficher, sélectionnez Mode Carte.

  4. Accédez à une ressource 3D que vous souhaitez afficher.

  5. Sélectionnez la carte de la ressource 3D.

  6. Sur la page d’affichage des détails de la ressource 3D, effectuez l’une des opérations suivantes :

    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. Clic droit + 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 appui.
    Réinitialiser Dans le coin inférieur droit de la page, sélectionnez l’icône Réinitialiser pour rétablir le point d’affichage cible au centre de la ressource 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.
  7. Dans le coin 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

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.

IMPORTANT

Vous ne pouvez accomplir cette tâche qu’après avoir ajouté un composant Média 3D à une page web et y avoir affecté une ressource 3D. Voir Ajout du composant Média 3D à une page web et Affectation d’une ressource 3D à un composant Média 3D.

Voir aussi Aperçu des ressources à l’aide de l’interface logicielle.

Pour afficher et interagir avec une ressource 3D dans un composant Média 3D:

  1. Lorsqu’une page web est en mode Édition, effectuez l’une des opérations suivantes :

    • Près du coin supérieur droit de la page, sélectionnez Aperçu pour passer en mode Aperçu.
    • Supprimez /editor.html de l’URL de la page dans le navigateur.

Ressource 3D entièrement interactive affichée en mode Aperçu Ressource 3D affichée dans le composant Média 3D
Ressource 3D entièrement interactive affichée en mode Aperçu.

  1. En mode Aperçu, effectuez l’une des opérations suivantes :

    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. Clic droit + 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 appui.
    Réinitialiser Dans le coin inférieur droit de la page, sélectionnez l’icône Réinitialiser pour rétablir le point d’affichage cible au centre de la ressource 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

Dynamic Media comprend 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 sur vos pages web.

Ajouter le composant Média 3D au modèle de page

  1. Accédez à Outils > Général > Modèles.

  2. Accédez au modèle de page dans lequel vous souhaitez activer le composant 3D, puis sélectionnez le modèle.

  3. Sélectionnez Modifier pour ouvrir le modèle.

  4. 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.

    3d-media-component-structure

  5. Sélectionnez une zone vide dans la région Conteneur de mises en page afin de la sélectionner et d’ouvrir sa barre d’outils associée.

  6. Dans la barre d’outils, sélectionnez l’icône Stratégie pour ouvrir l’ Éditeur de stratégies.

  7. 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.

  8. Sélectionnez Terminé pour enregistrer les modifications et fermer l’ éditeur de stratégies.

    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

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.

Voir aussi Ajout de ressources Dynamic Media sur les pages.

Pour ajouter le composant Média 3D à une page web :

  1. Ouvrez Experience Manager Sites et sélectionnez la page web à laquelle vous souhaitez ajouter le composant Média 3D Dynamic Media.

  2. Sélectionnez l’icône Modifier (crayon) afin d’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.

    3d-media-component-add

  3. Dans la barre d’outils, sélectionnez l’icône Panneau latéral pour activer ou activer l’affichage du panneau.

  4. Dans le panneau latéral, sélectionnez l’icône + pour ouvrir la liste Composants .

    3d-media-component-drag-drop

  5. 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.

Voir Affectation d’une ressource 3D au composant Média 3D.

Facultatif - Configuration du composant Média 3D

  1. Dans l’éditeur de pages d’Experience Manager Sites, sélectionnez le composant Visionneuse de médias 3D déjà ajouté à la page.

  2. Sélectionnez l’icône Configuration (clé à molette) pour ouvrir la boîte de dialogue de configuration du composant.

    3d-media-component-config

  3. 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.

    3d-media-component-edit-config

  4. Dans le coin supérieur droit, cochez la case pour enregistrer vos modifications.

Affectation d’une ressource 3D au composant Média 3D

Après avoir ajouté un composant Média 3D à une page web, vous pouvez lui affecter une ressource 3D.

Voir Ajout du composant Média 3D à une page web.

Pour affecter une ressource 3D au composant Média 3D :

  1. Dans l’éditeur de page Sites de Experience Manager, sélectionnez l’icône Ressources pour ouvrir Ressources dans le panneau latéral.

  2. Dans la liste déroulante, sélectionnez 3D pour afficher uniquement les types de fichiers de ressources 3D.

  3. 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.

  4. 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.

    Affectation d’une ressource 3D au composant Média 3D

REMARQUE

Lorsqu’une page web est en mode Édition dans Experience Manager Sites, le composant Média 3D affiche la ressource 3D, mais aucune interaction avec elle n’est possible. 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.

Publication de ressources 3D Dynamic Media statiques

Dynamic Media accepte différents formats de fichiers 3D pris en charge en tant que contenu statique dans Dynamic Media. Le contenu statique signifie que vous pouvez charger et publier des ressources 3D, mais qu’il n’existe aucune prise en charge de l’imagerie variable ou de la retouche d’images associée à la ressource 3D. 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 aussi Obtention d’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. En mode 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 les ressources 3D Dynamic Media directement sur votre page web.

Voir aussi Publier des ressources Dynamic Media.

Voir aussi Publier des pages.

Pour publier des ressources 3D Dynamic Media statiques:

  1. Ouvrez une ressource 3D (format de fichier GLB, OBJ ou STL) afin de l’afficher dans la page des détails de la ressource.

  2. Dans la barre d’outils, sélectionnez Publication rapide.

    3d-asset-quick-publish

  3. Sélectionnez Fermer pour quitter la boîte de dialogue et revenir à la page des détails de la ressource.

  4. Dans la liste déroulante située à gauche du nom de fichier de la ressource 3D, sélectionnez Rendus.

    3d-asset-renditions

  5. 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.

    3d-asset-url

  6. Sélectionnez URL afin d’afficher l’URL de production directe de la ressource 3D que vous pouvez copier et utiliser sur les pages web.

Autres méthodes de publication de ressources 3D Dynamic Media à l’aide de la visionneuse Dimensionnel

Utilisez les deux méthodes suivantes pour publier des ressources 3D Dynamic Media si et 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.

    Voir Liaison d’URL à une application web.

  • 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.

    Voir Incorporation de la visionneuse de vidéos, d’images ou de dimensions Dynamic Media dans une page web.

Sur cette page