Qu'est-ce que c'est et comment ça marche ?

Les technologies de réalité augmentée (RA) et de réalité virtuelle (RV) ne sont pas des nouveautés dans le secteur technologique.

Les applications commerciales pour ces deux technologies ont commencé à apparaître entre 2008 et 2012. Bien que cela remonte à plus d'une décennie, leur essor n'a pas été aussi fulgurant que prévu.

Toutefois, l'impact de ces technologies est considérable, en particulier si l'on examine les tendances de la RA. Par exemple, la réalité virtuelle a transformé nos modes de communication et d'interaction avec les médias, et elle évolue pour s'adapter à divers cas d'utilisation, notamment comme porte d'entrée vers des mondes virtuels.

De la même manière, la RA a permis d'intégrer le monde numérique au monde réel, offrant des interactions captivantes telles que la vue en direct dans Google Maps, les jeux comme Pokémon GO, et bien d'autres applications.

Il ne faut pas oublier que le Microsoft HoloLens est un excellent exemple des capacités de la réalité virtuelle et de la réalité augmentée.

Fort de ces informations, qu'est-ce que la WebAR ? S'agit-il d'un nouveau concept ? Que signifie-t-il ? Dans cet article, je vais vous l'expliquer en détail.

Qu'est-ce que la WebAR ?

WebAR, qui est l'abréviation de "Réalité Augmentée basée sur le Web", est une technologie qui permet de proposer des expériences de RA via un navigateur web. Bien qu'elle soit principalement axée sur les appareils mobiles, il est possible de l'utiliser également sur un navigateur de bureau.

L'expérience de la RA avec la technologie WebAR ne nécessite aucun matériel ni logiciel particulier.

Vous avez uniquement besoin d'un lien vers une page web spécialement conçue pour vous faire vivre une expérience de RA basée sur le web. Il n'est pas nécessaire de télécharger une application ou d'acheter du matériel spécifique. Cette technologie est compatible avec la plupart des smartphones récents, qu'ils fonctionnent sous Android ou iOS.

Une connexion internet rapide et stable est préférable pour une expérience WebAR optimale, quelle que soit l'interaction. Cela rend cette technologie plus accessible que la réalité virtuelle et la réalité augmentée traditionnelles.

Bien que le principe reste le même, certaines entreprises comme Google utilisent le terme "WebXR", qui permet à des navigateurs tels que Chrome de proposer des expériences immersives de RA et de RV directement via le navigateur.

Comment fonctionne la technologie WebAR

Comme son nom l'indique, il s'agit d'une technologie basée sur le web. Toute la magie opère en arrière-plan d'une page web lorsque vous commencez à interagir avec elle.

Cependant, pour fonctionner, elle nécessite certains éléments. Voici les composants essentiels :

• Un accéléromètre gyroscopique
• Un capteur de caméra

Associée à la vision par ordinateur, la RA basée sur le web devient une réalité.

La plupart des utilisateurs disposent de smartphones répondant à ces exigences. Mais que se passe-t-il exactement derrière la page web ?

Voici une explication simple :

1. Un déclencheur est nécessaire pour lancer l'interaction avec l'expérience de RA sur le web. Avec la WebAR, il s'agit d'un lien web ou d'un code QR que vous trouvez sur une carte, une affiche ou un support similaire.

2. L'accès au flux de la caméra est activé, là où le virtuel et le monde réel se rencontrent et se synchronisent. Cela se produit lorsque vous autorisez l'accès au flux de votre caméra après avoir chargé une page web.

3. Une fois que l'utilisateur démarre le flux de la caméra, une scène 3D intégrée à la page web est activée, et celle-ci doit se synchroniser avec la position de la caméra.

Cet environnement 3D contient les éléments de RA.

4. L'étape suivante est l'orientation, qui suit la position et l'angle nécessaire pour s'intégrer correctement à l'image réelle de la caméra. Techniquement, il s'agit des "Six degrés de liberté (6DoF)" qui permettent à la WebAR de suivre les objets sur l'image et de placer/rendre les éléments de RA dessus.

5. Enfin, la scène est rendue, et les éléments de RA sont dessinés sur la vue du monde réel en fonction de vos interactions avec la page web. Ceux-ci sont gérés/stockés par un système de gestion de contenu basé sur le cloud, ou AR Cloud.

En résumé, de nombreuses opérations se déroulent en arrière-plan d'une page web HTML. Toutefois, en tant qu'utilisateur final, vous n'avez pas à vous soucier de tous ces détails.

Si vous êtes développeur, vous devez consulter la documentation de l'API ou du framework que vous souhaitez utiliser pour créer une application WebAR accessible via un navigateur web.

Par exemple, la documentation ARCore de Google est un excellent point de départ, où vous apprendrez à créer une expérience de RA basée sur le web, en incluant les éléments suivants :

• Débogage
• Utilisation de l'appareil photo de l'appareil
• Tests
• Rendu des éléments de RA
• Positionnement
• Profondeur
• Estimation de la lumière
• Visages/Images/Ancres cloud

Si vous débutez avec ces concepts, vous voudrez peut-être explorer les différences entre la réalité augmentée et la réalité virtuelle.

WebAR vs RA basée sur une application

La principale différence entre la WebAR et la RA basée sur une application (ou RA native) est leur accessibilité.

La WebAR fonctionne directement depuis un navigateur web, sans nécessiter de logiciel supplémentaire. Toutefois, il est important de vérifier que le navigateur est compatible avec la WebAR, comme je l'expliquerai dans la dernière section de cet article.

En comparaison, la RA basée sur une application doit être installée depuis l'App Store ou le Play Store.

Voici d'autres différences notables :

Comment les expériences WebAR sont-elles créées ?

Il existe une multitude de plateformes, d'API et de frameworks pour créer des expériences WebAR.

Vous pouvez trouver des plateformes cloud sans code qui offrent une solution simple, ou vous pouvez consulter la documentation officielle de Google ou d'Apple pour commencer à développer des applications WebAR compatibles avec les navigateurs de smartphones.

Pour vous donner une idée du processus de développement d'une expérience WebAR, voici quelques conseils :

#1. Choix du navigateur cible et du cas d'utilisation

Avant de commencer à créer une expérience WebAR, vous devez évaluer le type de public ciblé, le navigateur web qu'il est susceptible d'utiliser et l'objectif de cette expérience.

Par exemple, si vous souhaitez simplement rediriger les utilisateurs vers une campagne marketing, vous devrez tenir compte des différents navigateurs et choisir une solution facilement accessible au plus grand nombre.

À l'inverse, si vous souhaitez offrir une expérience riche à un ensemble d'utilisateurs spécifique (utilisateurs de tablettes grand écran, par exemple), vous pouvez adapter les éléments de RA en conséquence.

#2. Sélection du framework ou de la plateforme

Comme je l'ai mentionné précédemment, en fonction de la facilité de développement souhaitée, vous pouvez choisir parmi différentes options.

Vous pouvez opter pour une création à partir de zéro, en suivant les frameworks pris en charge par les navigateurs, ou vous pouvez utiliser des frameworks WebAR open-source tels que AR.js ou JSARToolKit, qui sont généralement faciles à utiliser.

Vous pouvez également choisir une plateforme sans code, comme XR+, pour commencer. Les différentes plateformes offrent des fonctionnalités uniques, il est donc conseillé d'explorer vos options.

Si vous choisissez une méthode de développement personnalisée, le coût peut être minime. Toutefois, si vous optez pour une plateforme, vous devrez souscrire à ses offres premium pour répondre à vos besoins.

#3. Rechercher des outils supplémentaires

En fonction de vos besoins, vous pouvez utiliser des outils spécialisés pour ajouter des effets ou d'autres éléments à votre expérience WebAR.

Par exemple, vous pouvez utiliser le SDK WebAR de Banuba pour bénéficier d'une fonctionnalité de suivi du visage avancée, qui permet de proposer une expérience immersive d'essai de produit.

#4. Création d'éléments

Les plateformes que vous utilisez peuvent déjà proposer cette fonctionnalité intégrée. Toutefois, si vous souhaitez ajouter des ressources 3D uniques à votre expérience WebAR, vous pouvez également le faire.

X3dom est une excellente solution pour créer des objets 3D pour les applications de RA.

#5. Optimisation

Après avoir assemblé tous les éléments, vous devez vous assurer que l'ensemble est optimisé au maximum pour être accessible à la plupart des utilisateurs, même sans connexion internet haut débit.

Vous pouvez choisir des éléments plus légers ou simplifier l'expérience si vous estimez que l'optimisation s'avère trop complexe.

#6. Test et distribution

Une fois que tout est prêt, vous devez tester et valider l'expérience en conditions réelles. Effectuez des tests sur divers appareils et dans différentes conditions de réseau.

Ensuite, vous pouvez diffuser l'expérience en utilisant la plateforme que vous avez choisie, ou créer une page web personnalisée et héberger les éléments sur vos serveurs.

Frameworks WebAR populaires

Voici quelques frameworks WebAR populaires qui vous aideront à créer des expériences de réalité augmentée sur le web.

#1. AWE

AWE est une plateforme sans code qui vous permet de créer facilement des expériences de réalité augmentée sur le web. Si vous avez quelques connaissances techniques, vous pouvez étendre ses fonctionnalités avec JavaScript et CSS.

Vous pouvez simplement créer une application et ouvrir le lien sur votre navigateur web. C'est aussi simple que cela.

De plus, vous pouvez suivre les analyses pour garder un œil sur les performances de votre application.

#2. ARToolKitX

ARToolKit est un projet open source qui vous aide à créer des expériences de réalité augmentée multiplateformes. Il prend en charge iOS, Android, macOS, Windows et Linux.

Si vous souhaitez utiliser son kit de développement logiciel (SDK), rendez-vous sur sa page GitHub pour découvrir ses fonctionnalités.

#3. Vuforia

Vuforia est une entreprise spécialisée dans les solutions de RA pour diverses applications, y compris la WebAR.

Cette solution n'est peut-être pas adaptée à tous. Toutefois, si vous recherchez une solution évolutive pour votre entreprise, il peut être intéressant de l'examiner.

#4. Web XR

WebXR est la solution de Google pour proposer un accès à la réalité virtuelle et à la réalité augmentée dans les navigateurs web compatibles. Il utilise ARCore pour alimenter les expériences de RA sur le navigateur Google Chrome, par défaut sur Android.

C'est également un élément essentiel de la stratégie de Samsung pour proposer des expériences immersives sur ses smartphones Galaxy.

#5. Aperçu rapide d'ARKit et de la réalité augmentée

La solution d'Apple, ARKit, permet d'utiliser l'appareil photo des appareils iOS et ses fonctionnalités pour créer des expériences de RA.

Cette solution est généralement plus adaptée aux applications. Toutefois, vous pouvez également explorer la documentation AR Quick Look qui permet également d'ajouter la réalité augmentée au navigateur.

Navigateurs compatibles pour exécuter WebAR

La compatibilité avec la WebAR dépend des outils utilisés lors de sa création. Toutefois, les navigateurs web par défaut, tels que Google Chrome (sur Android/iOS) et Safari (sur iOS), sont généralement compatibles.

Voici quelques autres navigateurs populaires compatibles :

• Firefox
• Microsoft Edge
• Samsung Internet

En théorie, vous pouvez essayer n'importe quel navigateur web, qu'il s'agisse d'un navigateur mobile ou de bureau.

Cependant, l'expérience peut varier en fonction du navigateur. Si un navigateur échoue, vous pouvez essayer une autre option.

Avantages de la WebAR

La WebAR est populaire dans différents secteurs et pour diverses applications, notamment dans les domaines de la mode, de la joaillerie, de l'horlogerie, du mobilier, du tourisme et du divertissement. Sa popularité repose sur les avantages qu'elle offre.

Voici quelques-uns de ces avantages :

• Le déploiement d'une expérience WebAR est très rapide.
• La création d'une page WebAR est plus simple que celle d'une application de RA.
• La WebAR est abordable pour les entreprises qui souhaitent l'utiliser à des fins marketing.
• La WebAR est naturellement accessible car la plupart des gens possèdent un smartphone compatible.
• Elle est compatible avec de nombreux navigateurs.
• Vous pouvez créer une expérience WebAR sans aucune connaissance en programmation.

Défis de la WebAR

Bien que la WebAR offre de nombreux avantages, elle présente également certains inconvénients qui peuvent dissuader certains d'utiliser cette technologie.

Voici les principaux défis :

• Les expériences WebAR ne proposent généralement pas de contenu riche ; elles sont souvent simples.
• Les performances de la WebAR sont inférieures à celles de la RA native/basée sur une application.
• Les expériences WebAR peuvent varier d'un navigateur à l'autre, ce qui peut limiter son utilisation, même si son déploiement est plus rapide et facile.

Même si ces défis peuvent sembler importants, la WebAR est une excellente solution pour le marketing et de nombreuses autres applications.

Ressources d'apprentissage

Comme je l'ai mentionné, la WebAR est simple et efficace pour l'utilisateur final. Toutefois, si vous souhaitez créer des expériences à partir de zéro, sans l'aide de plateformes sans code, vous aurez besoin de connaissances techniques.

Udemy propose d'excellents cours sur ce sujet. Voici quelques-uns des meilleurs cours pour en savoir plus :

#1. Introduction au développement Web AR

Ce cours Udemy très apprécié fournit des informations sur WebXR, mindAR et d'autres technologies essentielles pour créer une application Web AR.

En plus de l'apprentissage théorique, vous bénéficiez d'une expérience pratique et vous pouvez créer un portfolio.

#2. Introduction à la réalité augmentée sur le Web

Ce cours Udemy se concentre sur WebXR et Three.js. Si vous souhaitez apprendre les bases et créer des applications minimales, ce cours est fait pour vous.

En résumé

La WebAR est une technologie à la fois prometteuse et limitée. Avec les progrès de la réalité augmentée, toutes sortes d'expériences de RA finiront par évoluer.

La WebAR n'est pas près de disparaître, d'autant que les fabricants de smartphones l'adoptent et la mettent de plus en plus en avant.

Vous pouvez également explorer les concepts d'intelligence augmentée et d'analyse augmentée.