Table of Contents

Démarrage rapide du développement web pour la reconnaissance cloud d'images

EasyAR WebAR implémente des fonctionnalités AR basées sur les technologies Web, offrant des avantages de légèreté, de déploiement rapide et de large diffusion par rapport aux applications AR natives. Il fonctionne sans installation d'application sur les navigateurs principaux d'Android, iOS, Windows, Mac et autres systèmes, réalisant ainsi une véritable multiplateforme.

Avant de commencer

Assurez-vous d'avoir effectué les préparatifs suivants avant de commencer :

  1. Une API Key prenant en charge la reconnaissance cloud
  2. Une bibliothèque de reconnaissance cloud active

Télécharger une image pour la reconnaissance cloud

Préparez une image de référence et téléchargez-la dans votre bibliothèque de reconnaissance cloud, en suivant la méthode décrite dans Gestion de la bibliothèque d'images.

Télécharger l'exemple (sample)

Pour faciliter le développement rapide, nous fournissons un exemple de code. Les développeurs peuvent le télécharger pour expérimenter rapidement les fonctionnalités WebAR.

Cliquez pour télécharger

Configurer l'exemple (sample)

Le code de l'exemple contient des paramètres prédéfinis. Configurez-les selon votre environnement.

  • Modifiez le fichier config/application.txt
  • Remplacez API Key, API Secret et CRS AppId dans le fichier de configuration

Configuration reconnaissance cloud

  • Modifiez le fichier asset/js/app.js dans le répertoire de l'exemple
  • Remplacez l'URL Client-end (Target Recognition) URL de la reconnaissance cloud dans app.js

Configuration reconnaissance cloud

Exécuter l'exemple (sample)

Les fichiers EasyAR-WebAR_* constituent le service de génération HTTP et de token. Si le démarrage réussit, le numéro de port écouté s'affiche. Méthodes de démarrage :

  • Système Linux : 
    ./EasyAR-WebAR_linux
  • Système macOS : 
    ./EasyAR-WebAR_darwin
  • Système Windows : 
    // Double-cliquez ou exécutez dans cmd
EasyAR-WebAR_windows.exe

Tester l'exemple (sample)

Accédez à http://127.0.0.1:3000/ dans un navigateur PC (avec caméra). Firefox est recommandé. Visez la cible de reconnaissance et observez l'effet de fonctionnement du sample.

Astuce

Pour tester sur mobile, un domaine avec HTTPS est requis.

Sujets connexes