npm 包 craftar-cordova-cloud-image-recognition 使用教程

阅读时长 8 分钟读完

概述

craftar-cordova-cloud-image-recognition 是 Cordova 的云图像识别插件的一个 npm 包。该插件通过 Augmented Reality 的技术,将手机摄像头捕捉到的图像和云端数据库中的图像进行匹配,实现识别功能。该插件可用于在 Cordova 项目中实现各种 AR 应用程序。

安装

首先,需要在您的 Cordova 项目中安装 cordova-plugin-craftar-cloud-image-recognition 插件。可以使用如下命令进行安装:

然后,在同一个项目中使用以下命令来安装 craftar-cordova-cloud-image-recognition npm 包:

使用

初始化

在您的 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)识别视觉反馈。 第二个参数表示超时时间,以毫秒为单位。

停止搜索

在您完成工作时,您可以停止搜索任何相机或图像捕获。以下是一个示例:

完整示例

下面是一些帮助您更好理解 craftar-cordova-cloud-image-recognition 插件如何工作的完整代码示例:

-- -------------------- ---- -------
---------------------------------------- -------- -- -
    ----------------------------------
        -------- --------- -
            ---------------------
            ----------------------------------------------
                -------- --------- -
                    ---------------------
                    -----------------------------------------
                        -------- --------- -
                            ---------------------
                            -----------------------------------------
                                -------- --------- -
                                    ---------------------
                                --
                                -------- ------- -
                                    -------------------
                                --
                                -----
                                -----
                            --
                        --
                        -------- ------- -
                            -------------------
                        --
                        ------------------
                        -----------------
                        ---------------------
                        -------------------------
                    --
                --
                -------- ------- -
                    -------------------
                --
                -------------------------------
            --
        --
        -------- ------- -
            -------------------
        --
        -----------------------
        -------------------------
    --
-- -------

结论

craftar-cordova-cloud-image-recognition 是一个有用的 npm 包,它允许您快速轻松地在 Cordova 项目中添加云图像识别功能。该插件不仅易于安装和使用,还提供了一些不同的选项和设置,以满足各种不同的项目需求。 当开发您的下一款 AR 应用时,考虑使用此 npm 包并开始构建吧!

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056ca881e8991b448e6114

纠错
反馈