Table of Contents

Introdução rápida ao desenvolvimento web de reconhecimento de imagem na nuvem

O EasyAR WebAR implementa recursos de AR com base em tecnologia web. Comparado com aplicativos AR nativos, possui características de leveza, implantação rápida e ampla disseminação. Não requer instalação de APP e pode ser executado em navegadores principais de sistemas como Android, iOS, Windows, Mac, etc., alcançando verdadeiramente multiplataforma.

Antes de começar

Antes de começar, certifique-se de ter concluído os seguintes preparativos:

  1. Uma API Key que suporte reconhecimento na nuvem
  2. Uma biblioteca de reconhecimento na nuvem em execução

Upload de imagens para reconhecimento na nuvem

Prepare uma imagem de identificação e faça upload para a biblioteca de reconhecimento na nuvem. O método de upload pode ser consultado em Gerenciamento de galeria.

Baixar o sample

Para facilitar o desenvolvimento rápido, fornecemos um código de exemplo (sample). Os desenvolvedores podem baixar esses exemplos para experimentar rapidamente os recursos do WebAR.

Clique para baixar

Configurar o sample

O código do sample já possui campos de configuração reservados. Configure de acordo com seu ambiente real.

  • Edite o arquivo config/application.txt
  • Substitua API Key, API Secret e CRS AppId no arquivo de configuração

Configuração de reconhecimento na nuvem

  • Edite o arquivo asset/js/app.js no diretório de exemplos
  • Substitua a URL do Client-end (Target Recognition) no app.js

Configuração de reconhecimento na nuvem

Executar o sample

Os arquivos EasyAR-WebAR_* são serviços de geração de http e token. Se iniciados com sucesso, exibirão o número da porta em escuta. Métodos de inicialização:

  • Linux:
    ./EasyAR-WebAR_linux
    
  • macOS:
    ./EasyAR-WebAR_darwin
    
  • Windows:
    // Clique duas vezes ou execute no cmd
    EasyAR-WebAR_windows.exe
    

Experimentar o sample

No navegador do PC (requer câmera), acesse http://127.0.0.1:3000/. Recomendado usar Firefox. Aponte para o alvo de reconhecimento e observe o efeito do sample.

Dica

Para testar em celulares, é necessário configurar um domínio com suporte HTTPS.

Tópicos relacionados