画像クラウド認識 web開発クイックスタート

EasyAR WebAR は web技術に基づいて AR機能を実現し、ネイティブ ARアプリと比較して軽量、迅速なデプロイ、広範な拡散性が特徴です。アプリのインストールが不要で、Android、iOS、Windows、Macなどのシステムの主要ブラウザで動作し、真のクロスプラットフォームを実現します。

開始前に

開始前に以下の準備が整っていることを確認してください：

1. クラウド認識をサポートする API Key
2. 稼働中のクラウド認識ライブラリ

クラウド認識画像のアップロード

認識用画像を準備し、クラウド認識ライブラリにアップロードします。アップロード方法は 画像ライブラリ管理 を参照してください。

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/ にアクセスし、Firefoxの使用を推奨します。 認識ターゲットに向けて sample の動作効果を確認します。

ヒント

スマートフォンで体験する場合、HTTPS対応ドメインの設定が必要です。

関連トピック

• APIKey 認証
• 画像クラウド認識紹介
• クラウド認識ライブラリ管理