Accueil / VR dans le navigateur
WebXRLa réalité virtuelle depuis un simple lien.
Avec WebXR, une page web peut s’ouvrir dans un casque de réalité virtuelle : on met le casque, on ouvre le lien, on entre dans la scène. Pas de boutique d’applications, pas d’installation, et une mise à jour instantanée pour tout le monde.
Un standard, plusieurs réalités.
WebXR est le standard du W3C qui relie une page web aux casques et aux téléphones. Le « X » couvre la réalité virtuelle (VR) et la réalité augmentée (AR).
Réalité virtuelleRéalité virtuelle
On est entièrement dans la scène. Le casque suit les mouvements de la tête et des mains : on se penche, on tourne, on attrape.
Réalité mixteRéalité mixte
Les casques récents filment la pièce et y posent des objets 3D. Un meuble, une maquette, une machine apparaissent au milieu du salon.
TéléphoneRéalité augmentée sur téléphone
Sur Android, la caméra du téléphone suffit pour poser un objet 3D dans le décor réel, directement depuis le navigateur.
Pourquoi un casque voit en relief.
Un casque calcule deux images, une par œil, prises de deux points légèrement écartés. C’est cet écart qui crée la sensation de profondeur. Voici ce que calcule la carte graphique.
Ce que vous voyez
La même scène, deux fois. Regardez l’objet au premier plan : il n’est pas au même endroit dans les deux images, alors que les montagnes au fond, si. Votre cerveau traduit cette différence en distance.
Affichage
Votre navigateur sera testé au lancement de la démo.
L’écart réel entre deux yeux humains est d’environ 6,3 cm. Ici, le curseur l’exagère pour rendre la différence visible. Faites glisser l’image pour tourner la tête.
Les avantages d’une VR sans application.
Une expérience de réalité virtuelle classique passe par une boutique d’applications : validation, téléchargement de plusieurs centaines de mégaoctets, mises à jour. Avec WebXR, on envoie un lien.
- Diffusion immédiate : un lien dans un courriel, un QR code sur un salon, et l’expérience s’ouvre.
- Une seule version pour tout le monde : la même page fonctionne sur ordinateur, sur téléphone et dans le casque, chacun avec ses commandes.
- Mises à jour instantanées : on corrige le site, tous les casques ont la nouvelle version.
- Idéal pour la formation et la démonstration : un client ou un apprenant n’a rien à installer sur un casque prêté.
Les contreparties
Le navigateur ajoute un peu de surcharge, et les très grosses scènes restent plus confortables dans une application native. Il faut viser au moins 72 images par seconde dans un casque, sous peine d’inconfort : l’optimisation n’est pas une option.
Avec quoi créer de la VR web ?
Tous savent produire une scène WebXR. Le choix dépend surtout de l’équipe et du projet.
| Outil | En bref |
|---|---|
| Three.js | La bibliothèque la plus utilisée, avec un mode WebXR intégré. Souple, idéale pour le sur mesure. |
| Babylon.js | Moteur complet avec une prise en charge WebXR très poussée (mains, téléportation, réalité mixte). |
| A-Frame | On décrit la scène comme une page HTML. Parfait pour un premier prototype. |
| PlayCanvas | Moteur avec éditeur en ligne, prise en charge WebXR native. |
| Wonderland Engine | Moteur pensé spécifiquement pour la VR web performante, avec éditeur. |
| Immersive Web Emulator | Extension de navigateur de Meta qui simule un casque : on développe et on teste sans casque sur la tête. |
Où WebXR fonctionne aujourd’hui.
Meta Quest
Le navigateur intégré gère la réalité virtuelle et la réalité mixte. C’est la plateforme la plus répandue pour la VR web.
Pico et casques Android
Le navigateur intégré des casques Pico et des casques sous Android XR prend en charge WebXR.
Apple Vision Pro
Safari sur visionOS gère la réalité virtuelle WebXR. Sur iPhone et iPad, WebXR n’est pas disponible dans Safari à ce jour.
Votre appareil gère-t-il WebXR ? La page Compatibilité le teste en direct.
VR web, les questions courantes.
Faut-il un casque pour profiter d’une expérience WebXR ?
Non. Une page WebXR bien conçue fonctionne aussi sur ordinateur (à la souris) et sur téléphone (au doigt). Le casque ajoute l’immersion.
La VR web est-elle assez performante ?
Pour la formation, la visite, la présentation de produits ou les expériences de marque, oui, à condition d’optimiser la scène. Pour un jeu très lourd, une application native reste plus confortable.
Peut-on vendre une expérience WebXR ?
Oui. Elle se protège comme n’importe quel site : accès par compte, lien privé, abonnement. On évite au passage la commission des boutiques d’applications.
À lire ensuite.
Parlons de ce que la 3D temps réel peut faire pour vous.
Configurateur, visite, carte interactive, formation en réalité virtuelle : je vous dis franchement si la 3D web est la bonne réponse.