Show Menu
SUJETS×

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.
  • Ajout aisé de ressources 3D à vos pages AEM Sites grâce au composant de gestion du contenu web Média 3D.
Aucune installation supplémentaire n’est nécessaire pour utiliser des ressources 3D dans Dynamic Media.

Formats 3D pris en charge par Dynamic Media

Dynamic Media prend en charge les formats de fichiers 3D suivants :
Extension de fichier 3D
Format de fichier
Type MIME
Notes
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
Archive 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 à l’aide de Safari ou iOS.

Démarrage rapide : ressources 3D dans Dynamic Media

La description du workflow étape par étape qui suit est conçue pour vous aider à démarrer et à utiliser rapidement des ressources 3D dans Dynamic Media.
Avant d’utiliser ces ressources 3D dans Dynamic Media, vérifiez que l’administrateur AEM a activé et configuré les Cloud Services Dynamic Media.
  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.
Notez que 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, entre autres :
  • 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.
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.

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

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 AEM.
  2. Dans AEM, sur la page de navigation , appuyez sur Ressources > Fichiers .
  3. Dans l’angle supérieur droit de la page, dans la liste déroulante Vue , appuyez sur Mode Carte .
  4. Accédez à une ressource 3D que vous souhaitez afficher.
  5. Appuyez sur la carte de la ressource 3D pour l’ouvrir sur la page Détails de l’actif.
  6. Sur la page d’affichage des détails de la ressource 3D, effectuez l’une des opérations suivantes :
    • Faire pivoter la caméra  : faites tourner votre angle de vue autour de la scène et des objets 3D.
      • Souris  : cliquez avec le bouton gauche et faites glisser.
      • Écran tactile  : appuyez sur un seul doigt et faites glisser.
    • Effectuer un panoramique avec la caméra  : basculez votre angle de vue vers la gauche, la droite, le haut ou le bas.
      • Souris  : cliquez avec le bouton droit et faites glisser.
      • Écran tactile  : appuyez avec deux doigts et faites glisser.
    • Faire un zoom avec la caméra  : permet de zoomer pour déplacer l’appareil dans et hors des zones de la scène 3D.
      • Souris  : roulette de défilement.
      • Écran tactile  : rapprocher les deux doigts.
    • Recentrer la caméra  : recentrez l’angle de vue sur un point d’un objet de la scène 3D.
      • Souris  : double-cliquez.
      • Écran tactile  : appuyez deux fois.
    • Réinitialiser  : près de l’angle inférieur droit de la page, appuyez sur 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 l’angle inférieur droit de la page, appuyez sur l’icône Plein écran.
  7. Dans l’angle supérieur droit de la page, appuyez sur 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.
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.
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 de l’angle supérieur droit de la page, cliquez sur 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 Ressource 3D entièrement interactive affichée en mode Aperçu .
  1. En mode Aperçu , effectuez l’une des opérations suivantes :
    • Faire pivoter la caméra  : faites tourner votre angle de vue autour de la scène et des objets 3D.
      • Souris  : cliquez avec le bouton gauche et faites glisser.
      • Écran tactile  : appuyez sur un seul doigt et faites glisser.
    • Effectuer un panoramique avec la caméra  : basculez votre angle de vue vers la gauche, la droite, le haut ou le bas.
      • Souris  : cliquez avec le bouton droit et faites glisser.
      • Écran tactile  : appuyez avec deux doigts et faites glisser.
    • Faire un zoom avec la caméra  : permet de zoomer pour déplacer l’appareil dans et hors des zones de la scène 3D.
      • Souris  : roulette de défilement.
      • Écran tactile  : rapprocher les deux doigts.
    • Recentrer la caméra  : recentrez l’angle de vue sur un point d’un objet de la scène 3D.
      • Souris  : double-cliquez.
      • Écran tactile  : appuyez deux fois.
    • Réinitialiser  : près de l’angle inférieur droit de la page, appuyez sur 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 l’angle inférieur droit de la page, appuyez sur l’icône Plein écran.

À propos de l’utilisation du composant Média 3D

Dynamic Media contient un composant Média 3D Dynamic Media que vous pouvez utiliser dans AEM 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

  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. Appuyez sur 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.
  5. Appuyez sur une zone vide de la région Conteneur de mises en page pour la sélectionner et ouvrir sa barre d’outils associée.
  6. Dans la barre d’outils, appuyez sur 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. Appuyez sur 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 Adobe 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.
  1. Ouvrez AEM Sites et sélectionnez la page web à laquelle vous souhaitez ajouter le composant Média 3D Dynamic Media.
  2. Appuyez sur l’icône Modifier (en forme de crayon) pour ouvrir la page dans l’éditeur de pages. Assurez-vous que le mode d’ édition est sélectionné près de l’angle supérieur droit de la page.
  3. Dans la barre d’outils, appuyez sur l’icône du panneau latéral pour déclencher ou « activer » l’affichage du panneau.
  4. Dans le panneau latéral, appuyez sur l’icône + pour ouvrir la liste Composants .
  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.

Facultatif - Configuration du composant Média 3D

  1. Dans l’éditeur de pages d’AEM Sites, sélectionnez le composant Visionneuse de médias 3D déjà ajouté à la page.
  2. Appuyez sur l’icône Configuration (en forme de clé à molette) pour ouvrir la boîte de dialogue de configuration du composant.
  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.
  4. Dans l’angle supérieur droit, appuyez sur la coche 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.
  1. Dans l’éditeur de pages d’AEM Sites, cliquez sur 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.
Lorsqu’une page web est en mode Édition dans AEM 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. 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.
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 AEM 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.
Pour publier des ressources 3D Dynamic Media statiques
  1. Ouvrez une ressource 3D (format de fichier GLB, OBJ ou STL) pour l’afficher dans la page des détails de la ressource.
  2. Dans la barre d’outils, appuyez sur Publication rapide .
  3. Appuyez sur 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, appuyez sur Rendus .
  5. Appuyez sur 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.
  6. Appuyez sur URL pour afficher l’URL de production 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

Utilisez les deux méthodes suivantes pour publier des ressources 3D Dynamic Media si vous n’utilisez pas AEM comme système de gestion de contenu web.