Table of Contents

Guida rapida allo sviluppo web per il riconoscimento di immagini cloud

EasyAR WebAR implementa funzionalità AR basate su tecnologie web, offrendo vantaggi come leggerezza, rapido deployment e ampia diffusione rispetto alle app AR native. Funziona senza installare app sui browser principali di Android, iOS, Windows, Mac e altri sistemi, realizzando una vera cross-platform.

Prima di iniziare

Assicurati di aver completato le seguenti preparazioni:

  1. Una API Key che supporta il riconoscimento cloud
  2. Una libreria di riconoscimento cloud operativa

Caricamento immagini per il riconoscimento cloud

Prepara un'immagine di riconoscimento e caricala nella libreria cloud seguendo Gestione gallerie.

Scarica il sample

Per semplificare lo sviluppo, forniamo codice d'esempio. Gli sviluppatori possono scaricare questi sample per sperimentare rapidamente le funzionalità WebAR.

Scarica qui

Configura il sample

Il codice sample include già campi preconfigurati. Adattali al tuo ambiente:

  • Modifica il file config/application.txt
  • Sostituisci API Key, API Secret e CRS AppId nel file di configurazione

Configurazione riconoscimento cloud

  • Modifica il file asset/js/app.js nella directory del sample
  • Sostituisci l'URL Client-end (Target Recognition) URL nel file app.js

Configurazione riconoscimento cloud

Esegui il sample

I file EasyAR-WebAR_* forniscono servizi http e generazione token. Se avviati correttamente, mostreranno la porta in ascolto:

  • Linux: 
    ./EasyAR-WebAR_linux
  • macOS: 
    ./EasyAR-WebAR_darwin
  • Windows: 
    # Esegui con doppio click o da cmd
EasyAR-WebAR_windows.exe

Prova il sample

Accedi a http://127.0.0.1:3000/ da browser PC (con webcam), consigliato Firefox. Inquadra il target e osserva il funzionamento del sample.

Consiglio

Per test su dispositivi mobili, è necessario configurare un dominio con supporto HTTPS.

Argomenti correlati