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 KeyAPI SecretCRS 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 的網域名稱。

相關主題