Table of Contents

Guía rápida de desarrollo web para reconocimiento de imágenes en la nube

EasyAR WebAR implementa funciones de AR basadas en tecnología web, en comparación con las aplicaciones AR nativas, es liviano, rápido de implementar y ampliamente difundido. No requiere instalar una APP, se puede ejecutar en los navegadores principales de sistemas como Android, iOS, Windows, Mac, etc., logrando verdaderamente multiplataforma.

Antes de comenzar

Antes de comenzar, asegúrate de haber completado los siguientes preparativos:

  1. Una API Key que admita reconocimiento en la nube
  2. Una biblioteca de reconocimiento en la nube en funcionamiento

Subir imágenes de reconocimiento en la nube

Prepara una imagen de reconocimiento y súbela a la biblioteca de reconocimiento en la nube. Consulta el método de carga en Gestión de galerías.

Descargar el ejemplo

Para facilitar el desarrollo rápido, proporcionamos código de ejemplo. Los desarrolladores pueden descargar estos ejemplos para experimentar rápidamente con las funciones de WebAR.

Haz clic para descargar

Configurar el ejemplo

El código de ejemplo ya tiene campos de configuración predefinidos. Configúralo según tu entorno real.

  • Edita el archivo config/application.txt
  • Reemplaza API Key, API Secret y CRS AppId en el archivo de configuración

Configuración de reconocimiento en la nube

  • Edita el archivo asset/js/app.js en el directorio de ejemplo
  • Reemplaza la URL de cliente (reconocimiento de objetivo) del reconocimiento en la nube en app.js

Configuración de reconocimiento en la nube

Ejecutar el ejemplo

Los archivos EasyAR-WebAR_* son servicios de generación de http y token. Si se inician correctamente, mostrarán el número de puerto en escucha. Métodos de inicio:

  • Sistema Linux: 
    ./EasyAR-WebAR_linux
  • Sistema macOS: 
    ./EasyAR-WebAR_darwin
  • Sistema Windows: 
    // Haz doble clic o ejecuta en cmd
EasyAR-WebAR_windows.exe

Probar el ejemplo

En el navegador de PC (requiere cámara) ingresa http://127.0.0.1:3000/, se recomienda usar Firefox. Enfoca un objetivo de reconocimiento y observa el efecto del ejemplo.

[!CONSEJO] Si lo pruebas en un teléfono, debes configurar un dominio que admita HTTPS.

Temas relacionados