概述
craftar-cordova-cloud-image-recognition 是 Cordova 的云图像识别插件的一个 npm 包。该插件通过 Augmented Reality 的技术,将手机摄像头捕捉到的图像和云端数据库中的图像进行匹配,实现识别功能。该插件可用于在 Cordova 项目中实现各种 AR 应用程序。
安装
首先,需要在您的 Cordova 项目中安装 cordova-plugin-craftar-cloud-image-recognition 插件。可以使用如下命令进行安装:
cordova plugin add cordova-plugin-craftar-cloud-image-recognition
然后,在同一个项目中使用以下命令来安装 craftar-cordova-cloud-image-recognition npm 包:
npm install craftar-cordova-cloud-image-recognition --save
使用
初始化
在您的 Cordova 项目中,您需要在设备就绪后初始化 crafter-cordova-cloud-image-recognition 插件。以下是一个示例:
-- -------------------- ---- ------- ---------------------------------------- -------- -- - ---------------------------------- -------- --------- - --------------------- -- -------- ------- - ------------------- -- ----------------------- ------------------------- -- -- -------
在此示例中,您需要将 "YOUR_CRAFTAR_API_KEY" 和 "YOUR_CRAFTAR_API_SECRET" 替换为您自己的 CraftAR API 密钥和秘密。
创建项目
在初始化插件之后,您可以创建 CraftAR 项目。以下是一个示例:
-- -------------------- ---- ------- ---------------------------------------------- -------- --------- - --------------------- -- -------- ------- - ------------------- -- ------------------------------- --
在此示例中,您需要将 "YOUR_CRAFTAR_COLLECTION_TOKEN" 替换为您自己的 CraftAR 集合令牌。
添加图像
在您创建了一个项目之后,您需要将要识别的图像添加到集合中。以下是一个示例:
-- -------------------- ---- ------- ----------------------------------------- -------- --------- - --------------------- -- -------- ------- - ------------------- -- ------------------ ----------------- --------------------- ------------------------- --
在此示例中,您需要将 "YOUR_IMAGE_NAME" 替换为图像名称,将 "YOUR_IMAGE_URL" 替换为图像 URL,将 "YOUR_AR_OBJECT_URL" 替换为 AR 对象 URL,将 "YOUR_META_DATA_JSON_URL" 替换为元数据 JSON URL。
搜索图像
在您添加了一个或多个图像之后,您可以搜索您的图像集合以匹配任何相机或图像捕获。以下是一个示例:
-- -------------------- ---- ------- ----------------------------------------- -------- --------- - --------------------- -- -------- ------- - ------------------- -- ----- ----- --
在此示例中,您可以选择启用(true)或禁用(false)识别视觉反馈。 第二个参数表示超时时间,以毫秒为单位。
停止搜索
在您完成工作时,您可以停止搜索任何相机或图像捕获。以下是一个示例:
CraftARCloudImageRecognition.stopFinder( function (success) { console.log(success); }, function (error) { console.log(error); } );
完整示例
下面是一些帮助您更好理解 craftar-cordova-cloud-image-recognition 插件如何工作的完整代码示例:
-- -------------------- ---- ------- ---------------------------------------- -------- -- - ---------------------------------- -------- --------- - --------------------- ---------------------------------------------- -------- --------- - --------------------- ----------------------------------------- -------- --------- - --------------------- ----------------------------------------- -------- --------- - --------------------- -- -------- ------- - ------------------- -- ----- ----- -- -- -------- ------- - ------------------- -- ------------------ ----------------- --------------------- ------------------------- -- -- -------- ------- - ------------------- -- ------------------------------- -- -- -------- ------- - ------------------- -- ----------------------- ------------------------- -- -- -------
结论
craftar-cordova-cloud-image-recognition 是一个有用的 npm 包,它允许您快速轻松地在 Cordova 项目中添加云图像识别功能。该插件不仅易于安装和使用,还提供了一些不同的选项和设置,以满足各种不同的项目需求。 当开发您的下一款 AR 应用时,考虑使用此 npm 包并开始构建吧!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056ca881e8991b448e6114