Show Menu
SUJETS×

Utilisation de fichiers 3D dans Contenu multimédia dynamique

Contenu multimédia dynamique vous permet de télécharger, de gérer, de vue et de diffuser des fichiers 3D sous la forme d’expériences immersives.
  • Publication en un clic (à l’aide de la publication ​rapide sur la barre d’outils) de fichiers 3D pour générer une URL.
  • Prise en charge optimisée de l’affichage de fichiers 3D avec le paramètre prédéfini de visionneuse de dimensions interactive de haute qualité optimisé par Adobe Dimension.
  • Le composant WCM 3D Media vous permet d’ajouter facilement des ressources 3D à vos pages de sites AEM.
Aucune configuration supplémentaire n’est requise pour utiliser des ressources 3D dans Contenu multimédia dynamique.

Formats de fichiers 3D pris en charge dans Contenu multimédia dynamique

Dynamic Media prend en charge les formats de fichier 3D suivants :
Extension de fichier 3D
Format de fichier
Type MIME
Notes
GLB
Transmission GL binaire
model/gltf-binary
Comprend les matières et les textures comme un seul atout.
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 ou interaction n’est disponible. USDZ est un format 3D propriétaire qui peut être affiché en mode natif par les périphériques Safari et iOS.

Début rapide : Fichiers 3D dans Contenu multimédia dynamique

La description de flux de travaux détaillée suivante est conçue pour vous aider à maîtriser rapidement les opérations liées aux fichiers 3D en mode Contenu multimédia dynamique - Scene7.
Les ressources 3D ne sont pas prises en charge en mode Contenu multimédia dynamique - hybride.
Avant d’utiliser des ressources 3D dans Contenu multimédia dynamique, assurez-vous que votre administrateur AEM a déjà activé et configuré les services Contenu multimédia dynamique dans le mode Contenu multimédia dynamique - Scene7.
  1. Téléchargement de fichiers 3D
  2. Gestion des fichiers 3D
  3. Publication de fichiers 3D

A propos de l'affichage et de l'interaction avec des ressources 3D

Cette section décrit comment vue et interagir avec des ressources 3D de deux manières différentes : dans la page des détails de la ressource et dans le composant Média 3D des sites.
La visionneuse 3D interactive comprend, entre autres, une série de commandes de caméra interactives qui vous permettent d’effectuer des zooms, des zooms et des panoramiques sur le fichier 3D.
Gardez à l’esprit que le temps nécessaire pour ouvrir un fichier 3D dans la vue de page Détails du fichier dépend de plusieurs facteurs. Ces facteurs sont entre autres :
  • Bande passante du serveur.
  • Latences au serveur
  • Complexité de l’image.
En outre, les capacités de l'ordinateur client (tel qu'une station de travail, un ordinateur portable ou un périphérique tactile mobile) sont également importantes à prendre 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 de dimensions dans l’éditeur de paramètres prédéfinis de la visionneuse pour vous entraîner à naviguer dans un fichier 3D sans avoir à télécharger au préalable des fichiers 3D. Le paramètre prédéfini de la visionneuse de dimensions comporte un fichier 3D intégré avec lequel vous pouvez interagir.

Affichage et interaction avec un fichier 3D à partir de la page des détails de l'élément

Pour vue et interagir avec un fichier 3D à partir de la page des détails du fichier
  1. Assurez-vous d’avoir chargé des ressources 3D dans AEM.
  2. Dans AEM, sur la page de navigation , appuyez sur Ressources > Fichiers .
  3. Near the upper-right corner of the page, from the View drop-down list, tap Card View .
  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 de vue des détails de la ressource 3D, effectuez l'une des opérations suivantes :
    • Tournez votre caméra - Orblez votre 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.
    • Panoramique de l'appareil photo - Panoramique de votre vue à gauche, à droite, vers le haut ou vers le bas.
      • Souris  : cliquez avec le bouton droit et faites glisser.
      • Écran tactile  : appuyez avec deux doigts et faites glisser.
    • Zoom sur votre caméra : effectuez un zoom sur votre caméra pour vous déplacer dans et hors des zones de la scène 3D.
      • Souris  : roulette de défilement.
      • Écran tactile  : rapprocher les deux doigts.
    • Recentrer votre appareil photo : recréer votre appareil photo à un point sur un objet de la scène 3D.
      • Souris  : double-cliquez.
      • Écran tactile : appuyez deux fois.
    • Réinitialiser - Près du coin inférieur droit de la page, appuyez sur l'icône Réinitialiser pour rétablir le point de cible de la vue 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, appuyez sur l'icône Plein écran.
  7. Dans le coin supérieur droit de la page, appuyez sur Fermer pour revenir à la page Assets.

Affichage et interaction avec un fichier 3D dans un composant multimédia 3D

Lorsqu’une page Web est en mode Edition , aucune interaction n’est possible avec une ressource 3D. Pour rendre le fichier interactif, vous pouvez utiliser la fonction Prévisualisation pour vue de 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é un élément 3D. Voir Ajouter le composant Média 3D à une page Web et Affecter un fichier 3D à un composant Média 3D.
Pour vue et interaction avec un fichier 3D dans un composant multimédia 3D
  1. Lorsqu’une page Web est en mode Edition , effectuez l’une des opérations suivantes :
    • Près de l’angle supérieur droit de la page, cliquez sur Prévisualisation pour passer en mode Prévisualisation .
    • Supprimez /editor.html de l’URL de la page dans le navigateur.
Un fichier 3D entièrement interactif tel qu’il est affiché dans Média 3D Ressource 3D entièrement interactive telle qu’elle s’affiche en mode Prévisualisation .
  1. En mode Prévisualisation , effectuez l’une des opérations suivantes :
    • Tournez votre caméra - Orblez votre 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.
    • Panoramique de l'appareil photo - Panoramique de votre vue à gauche, à droite, vers le haut ou vers le bas.
      • Souris  : cliquez avec le bouton droit et faites glisser.
      • Écran tactile  : appuyez avec deux doigts et faites glisser.
    • Zoom sur votre caméra : effectuez un zoom sur votre caméra pour vous déplacer dans et hors des zones de la scène 3D.
      • Souris  : roulette de défilement.
      • Écran tactile  : rapprocher les deux doigts.
    • Recentrer votre appareil photo : recréer votre appareil photo à un point sur un objet de la scène 3D.
      • Souris  : double-cliquez.
      • Écran tactile : appuyez deux fois.
    • Réinitialiser - Près du coin inférieur droit de la page, appuyez sur l'icône Réinitialiser pour rétablir le point de cible de la vue 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, appuyez sur l'icône Plein écran.

A propos de l'utilisation du composant Média 3D

Contenu multimédia dynamique comprend un composant Contenu multimédia 3D dynamique que vous pouvez utiliser dans les sites AEM pour activer l’affichage interactif de modèles 3D sur vos pages Web.

Adding the 3D Media component to the page template

  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. Tap Edit to open the template.
  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 mise 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égie.
  7. Dans la section Propriétés , sous l’onglet Composants ​autorisés, faites défiler l’écran jusqu’à Contenu multimédia ​dynamique, puis développez la liste et cochez la case Contenu multimédia 3D.
  8. Appuyez sur Terminé pour enregistrer les modifications et fermer l’éditeur de stratégies.
    Vous pouvez maintenant placer le composant Contenu multimédia 3D dynamique sur toutes les pages qui utilisent ce modèle.

Adding the 3D Media component to a web page

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 Sites AEM et sélectionnez la page Web sur laquelle vous souhaitez ajouter le composant Contenu multimédia 3D Contenu multimédia dynamique.
  2. Tap the Edit (pencil) icon to open the page into the page editor. Assurez-vous que le mode Modifier est sélectionné près de l’angle supérieur droit de la page.
  3. Sur la barre d’outils, appuyez sur l’icône du panneau latéral pour activer ou désactiver 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 de la liste Composants vers l’emplacement de la page où doit apparaître la visionneuse 3D.
Vous êtes maintenant prêt à affecter une ressource 3D au composant.

Facultatif - Configuration du composant Média 3D

  1. In the AEM Sites page editor, select the 3D Media Viewer component that you previously added to the page.
  2. Tap the Configuration icon (wrench) to open the component configuration dialog box.
  3. Dans la boîte de dialogue Média 3D, dans la liste déroulante Paramètres prédéfinis de la visionneuse, sélectionnez Dimensionner pour affecter le paramètre prédéfini de visionneuse de dimensions au composant.
  4. Dans le coin supérieur droit, cochez la case pour enregistrer vos modifications.

Affectation d’un fichier 3D au composant Média 3D

Après avoir ajouté un composant Média 3D à une page Web, vous pouvez lui affecter un fichier 3D.
  1. In the AEM Sites page editor, click the Assets icon to open Assets in the side panel.
  2. Dans la liste déroulante, sélectionnez 3D pour afficher uniquement les types de fichier 3D.
  3. Dans le panneau latéral, recherchez ou faites défiler la ressource 3D que vous souhaitez vue sur la page en cours de modification.
  4. Faites glisser le fichier 3D 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 Edition des sites AEM, le composant Média 3D affiche la ressource 3D, mais aucune interaction avec la ressource n’est possible. Pour rendre le fichier interactif, vous pouvez utiliser la fonction Prévisualisation pour vue de la page Web dans l’éditeur de page avec un accès complet aux fonctionnalités du composant Média 3D.

Publishing Dynamic Media 3D assets

Contenu multimédia dynamique accepte divers formats de fichier 3D pris en charge en tant que contenu ** statique dans Contenu multimédia dynamique. Le contenu statique signifie que vous pouvez télécharger et publier des fichiers 3D, mais qu’il n’existe aucune prise en charge de l’imagerie dynamique ou de la retouche d’image associée à la ressource 3D. La raison en est que Dynamic Media Imaging Server ne reconnaît pas les formats 3D. Ainsi, après avoir publié un fichier 3D dans Contenu multimédia dynamique, vous disposez d’une URL instantanée que vous pouvez copier. L’URL de la ressource 3D suit la structure d’URL de média dynamique habituelle. Cependant, vous ne pouvez pas modifier de paramètres dans l’URL du fichier, contrairement aux fichiers d’image traditionnels dans Contenu multimédia dynamique.
Dans la Vue ​Carte, une petite icône en forme de globe apparaît directement sous le nom d’un fichier et à gauche de sa date et de son heure pour indiquer qu’il est publié. En mode Liste , une colonne Publié indique les ressources qui sont publiées et celles qui ne le sont pas.
Si vous utilisez un système de gestion de contenu Web tiers, vous pouvez lier ou incorporer des ressources 3D à vos pages Web.
Pour publier des fichiers 3D Contenu multimédia dynamique
  1. Ouvrez une ressource 3D (format de fichier GLB, OBJ ou STL) pour la vue dans la page des détails de la ressource.
  2. On the toolbar, tap Quick Publish .
  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’un fichier 3D est publié (ou "activé"), le bouton URL s’affiche dans le coin inférieur gauche de la page si toutes les conditions de ressource 3D suivantes sont remplies :
    • Le fichier 3D est un format pris en charge (GLB, OBJ, STL et USDZ).
    • Le fichier 3D a été assimilé au système IPS (Dynamic Media Image Production System).
    • Le fichier 3D est publié.
  6. Appuyez sur URL pour afficher l’URL de production du fichier 3D.