Intégration 3D sur site web

Intégrez un modèle 3D sur votre site avec une iframe.

Publiez votre fichier GLB dans DevXR Studio, récupérez un code iframe et ajoutez un viewer 3D interactif à votre site sans reconstruire le rendu Three.js.

Ouvrir DevXR Studio

DEVXR STUDIO

Une intégration 3D aussi simple qu’un lecteur vidéo.

L’iframe isole le viewer du reste de votre page. Vous conservez votre CMS ou votre stack actuelle tout en donnant aux visiteurs un modèle qu’ils peuvent manipuler.

Code prêt à copier

Récupérez un snippet iframe depuis la page de votre modèle publié.

Viewer responsive

Le contenu 3D s’adapte à l’espace disponible dans votre mise en page.

Mise à jour centralisée

Gérez la présentation dans DevXR Studio sans réécrire l’intégration.

COMMENT ÇA MARCHE

Ajouter une expérience 3D en trois étapes.

01
Publiez
Rendez explicitement disponible la version prête de votre modèle.
02
Copiez
Récupérez le code iframe généré par DevXR Studio.
03
Intégrez
Collez le snippet dans la page de votre site ou de votre CMS.

EXEMPLE RÉEL

Un modèle publié, deux façons de le partager.

Cette Aston Martin Vantage GTE est déjà publiée avec DevXR Studio. Ouvrez le viewer public pour un partage direct, ou utilisez l’URL d’intégration dédiée dans une iframe.

VIEWER PUBLIC

Une URL partageable

Envoyez ce lien par e-mail, ajoutez-le à une présentation ou ouvrez-le directement dans un navigateur.

https://viewer.devxr.fr/models/pub_XllEw1M91Pur5eg0xu8JcjDOMAPSNvgc Ouvrir le modèle public

SOURCE IFRAME

Une URL conçue pour l’intégration

Utilisez cette adresse comme source de l’iframe. Elle charge le viewer sans la présentation qui entoure la page publique.

https://viewer.devxr.fr/embed/pub_XllEw1M91Pur5eg0xu8JcjDOMAPSNvgc Ouvrir la vue intégrée

HTML PRÊT À COPIER

Code iframe

Collez ce snippet dans un bloc HTML accepté par votre site ou votre CMS. Le titre décrit le modèle pour les technologies d’assistance, le chargement différé protège les performances initiales et les permissions restent explicites.

<iframe
  src="https://viewer.devxr.fr/embed/pub_XllEw1M91Pur5eg0xu8JcjDOMAPSNvgc"
  title="Aston Martin Vantage GTE"
  loading="lazy"
  allow="fullscreen; xr-spatial-tracking"
  allowfullscreen
  referrerpolicy="strict-origin-when-cross-origin"
></iframe>

QUESTIONS FRÉQUENTES

Ce qu’il faut savoir.

Faut-il connaître Three.js pour intégrer le viewer ?

Non. L’intégration iframe ne demande pas d’initialiser Three.js ni de développer votre propre scène 3D.

Peut-on intégrer le viewer dans un CMS ?

Oui, si le CMS autorise l’ajout d’une iframe dans le contenu ou dans un bloc HTML contrôlé.

Que se passe-t-il si le modèle est dépublié ?

La dépublication coupe l’accès public au modèle selon la stratégie de cache documentée par DevXR.

PUBLIEZ VOTRE MODÈLE 3D

Un fichier GLB peut devenir une expérience web partageable.

Importez-le, configurez son viewer et obtenez votre lien avec DevXR Studio.

Commencer avec DevXR Studio