Table of Contents

Démarrage rapide du développement Web Image Cloud Recognition

EasyAR WebAR implémente des fonctions AR basées sur les technologies Web. Par rapport aux applications AR natives, il est léger, rapide à déployer et facile à diffuser largement. Il ne nécessite pas l'installation d'une APP et peut fonctionner dans les navigateurs principaux sur Android, iOS, Windows, Mac et d'autres systèmes, offrant une véritable prise en charge multiplateforme.

Avant de commencer

Avant de commencer, assurez-vous que les préparatifs suivants sont terminés :

  1. Une API Key prenant en charge Cloud Recognition
  2. Une Cloud Recognition library en cours d'exécution

Téléverser des images Cloud Recognition

Préparez une image de recognition et téléversez-la dans la Cloud Recognition library. Pour la méthode de téléversement, consultez Gallery management.

Télécharger le sample

Pour aider les développeurs à démarrer rapidement, nous fournissons du sample code. Les développeurs peuvent télécharger ces samples et essayer rapidement les fonctions WebAR.

Cliquer pour télécharger

Configurer le sample

Des éléments de configuration sont déjà prévus dans le sample code. Configurez-les selon votre environnement réel.

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

Configuration Cloud Recognition

  • Modifiez le fichier asset/js/app.js dans le répertoire du sample
  • Remplacez le Client-end (Target Recognition) URL de Cloud Recognition dans app.js

Configuration Cloud Recognition

Exécuter le sample

Les fichiers EasyAR-WebAR_* sont des services HTTP et de génération de token. Si le démarrage réussit, le numéro du port d'écoute s'affiche. Lancez-les comme suit :

  • Système Linux : 
    ./EasyAR-WebAR_linux
  • Système macOS : 
    ./EasyAR-WebAR_darwin
  • Système Windows : 
    // 鼠标双击或在 cmd 中运行
EasyAR-WebAR_windows.exe

Essayer le sample

Saisissez http://127.0.0.1:3000/ dans un navigateur PC (caméra requise). Firefox est recommandé. Pointez vers la recognition target et vérifiez l'effet d'exécution du sample.

Astuce

Pour l'essayer sur téléphone mobile, configurez un nom de domaine prenant en charge HTTPS.

Sujets connexes