Table of Contents

圖像雲識別 Web 開發快速入門

EasyAR WebAR 基於 Web 技術實現 AR 功能，與原生 AR 應用相比，具有輕量化、部署快、傳播性廣的特點。它無需安裝 APP，即可在 Android、iOS、Windows、Mac 等系統的主流瀏覽器中運行，真正實現跨平臺。

開始之前

在開始之前確保已經做好以下準備工作：

  1. 支持雲識別的 API Key
  2. 運行中的雲識別庫

上傳雲識別圖片

準備一張識別圖片，並上傳到雲識別庫，上傳方法參考 圖庫管理。

下載 sample

爲方便開發者快速開發，我們提供了示例代碼 sample。開發者可下載這些示例，快速體驗 WebAR 功能。

點擊下載

配置 sample

sample 代碼中已預留配置項，請根據實際環境進行配置。

  • 編輯 config/application.txt 文件
  • 將 API Key、 API Secret 與 CRS AppId 替換到配置文件中

雲識別配置

  • 編輯示例目錄下的 asset/js/app.js 文件
  • 將雲識別的 Client-end (Target Recognition) URL 替換到 app.js 中

雲識別配置

運行 sample

EasyAR-WebAR_* 文件爲 http 與 token 生成服務，如啓動成功，會顯示監聽的端口號，啓動方式如下：

  • Linux 系統： 
    ./EasyAR-WebAR_linux
  • macOS 系統： 
    ./EasyAR-WebAR_darwin
  • Windows 系統： 
    // 鼠標雙擊或在 cmd 中運行
EasyAR-WebAR_windows.exe

體驗 sample

在 PC 瀏覽器（需要攝像頭）中輸入 http://127.0.0.1:3000/ ，建議使用火狐瀏覽器。 對準識別目標並查看 sample 的運行效果。

提示

如果在手機上體驗，需要配置支持 HTTPS 的域名。

相關主題