Image Cloud Recognition Web 開発クイックスタート
EasyAR WebAR は Web 技術をベースに AR 機能を実現します。ネイティブ AR アプリケーションと比べて軽量で、デプロイが速く、広く配布しやすいという特徴があります。APP のインストールは不要で、Android、iOS、Windows、Mac などの主要ブラウザで動作し、真のクロスプラットフォームを実現します。
始める前に
開始する前に、次の準備が完了していることを確認してください。
- Cloud Recognition をサポートする API Key
- 実行中の Cloud Recognition library
Cloud Recognition 画像をアップロードする
recognition 画像を用意し、Cloud Recognition library にアップロードします。アップロード方法は Gallery management を参照してください。
sample をダウンロードする
開発者がすばやく開発できるように、sample code を提供しています。開発者はこれらの samples をダウンロードして、WebAR 機能をすぐに体験できます。
sample を設定する
sample code には設定項目が用意されています。実際の環境に合わせて設定してください。
config/application.txtファイルを編集します- 設定ファイル内の
API Key、API Secret、CRS AppIdを置き換えます
- sample ディレクトリ配下の
asset/js/app.jsファイルを編集します app.js内の Cloud Recognition のClient-end (Target Recognition) URLを置き換えます
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/ を入力します。Firefox の使用を推奨します。 recognition target に向けて、sample の実行効果を確認します。
ヒント
スマートフォンで体験する場合は、HTTPS をサポートするドメイン名を設定する必要があります。