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

概述

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


猜你喜欢

  • npm包loopback-custom-tokens使用教程

    npm包loopback-custom-tokens是一个为LoopBack应用程序提供自定义令牌的包,该包适用于需要在应用程序中使用自定义令牌的用户。本篇文章将详细介绍如何使用npm包loopbac...

    3 年前
  • npm 包 yundo-react-masonry-infinite 使用教程

    前言 在前端开发中,我们经常需要使用类似 Pinterest 瀑布流的布局来展示图片、卡片等内容。yundo-react-masonry-infinite 是一个 React 组件,可以帮助我们快速实...

    3 年前
  • npm 包 gulp-lesshint-table-stylish 使用教程

    在前端开发中,CSS 是网页布局的基础,而CSS 的语法检测和代码规范也是很重要的。gulp-lesshint-table-stylish 是一个能够检查CSS语法并对CSS代码进行排版的 npm 包...

    3 年前
  • npm 包 ui-dialog 使用教程

    前言 在前端开发过程中,经常需要使用弹窗组件,而编写弹窗组件需要一定的时间和技术,为了提高开发效率和减少出错率,我们可以使用别人编写好的 npm 包来完成任务。 ui-dialog 就是一个使用方便的...

    3 年前
  • npm 包 meetyou-angular-cli 使用教程

    Angular 是一种流行的开源前端框架,它使开发人员可以使用 HTML、CSS 和 JavaScript 创建动态 Web 应用程序。meetyou-angular-cli 是一个帮助你创建和管理 ...

    3 年前
  • npm 包 v-drawer 使用教程

    在前端开发中,侧边栏经常被用作导航、筛选工具或者其他操作面板。而 v-drawer 是一个方便易用的 npm 包,它可以很方便地实现侧边栏功能。在本篇文章中,我们将深入了解 npm 包 v-drawe...

    3 年前
  • npm 包 webpack-deployer-git 使用教程

    介绍 在 web 前端开发过程中,使用 webpack 构建工具进行打包是常见的做法。但是,将打包好的代码部署到服务器上仍然需要一定的手动操作,尤其是对于需要频繁部署的项目来说,会大大浪费时间和精力。

    3 年前
  • npm 包 draughts-engine 使用教程

    简介 在前端开发中,我们经常需要开发一些棋盘游戏,在实现游戏的时候,经常需要考虑到 AI 算法,而 draughts-engine 就是一款 JavaScript 编写的国际跳棋引擎,它提供了 AI ...

    3 年前
  • npm 包 @funfunfunco/react-native-speech 使用教程

    随着音频技术的不断发展,语音交互成为了人机交互的重要形式之一。在 React Native 开发中,我们可以使用 @funfunfunco/react-native-speech 这个 npm 包实现...

    3 年前
  • npm 包 polymer-next 使用教程

    Polymer 是 Google 推出的一款 web 组件化框架,它采用了基于 web 标准的 Web Components 规范,在用 JavaScript 构建 Web 应用程序时,提供了更高效、...

    3 年前
  • npm 包 homebridge-thermostat-brizzz 使用教程

    简介 homebridge-thermostat-brizzz 是一个基于 homebridge 平台开发的 npm 包,主要用于控制智能家居温度调节器的开关、温度、模式等。

    3 年前
  • npm 包 minescript 使用教程

    前言 minescript 是一款基于 JavaScript 的 Minecraft 服务器插件开发框架,能够让开发者在服务器端使用 JavaScript 进行开发。

    3 年前
  • npm 包 react-immutablejs-proptypes 使用教程

    前言 在 React 应用中,我们常常会使用 Immutable.js 来方便我们处理可变数据结构。然而,React 默认的 PropTypes 并不支持 Immutable.js 中数据类型的验证。

    3 年前
  • npm 包 @bianchimro/coin-hive 使用教程

    简介 @bianchimro/coin-hive 是一个基于 CoinHive(JavaScript 加密货币挖矿)的 npm 包。该 npm 包可以让你轻松地在你的前端应用程序中集成 CoinHiv...

    3 年前
  • npm 包 promise-from-callback 使用教程

    在前端开发中,我们经常需要处理异步操作,例如与后台服务器通信、读取文件等。而回调函数是处理异步操作时经常使用的方式,但是回调函数的嵌套可能会导致代码变得复杂难以维护,所以 Promise 成为了处理异...

    3 年前
  • npm 包 @mineral-ui/react-popper 使用教程

    前言 在前端开发中,对于 UI 组件的选择和使用对于项目的开发效率和最终呈现效果至关重要。在众多的 UI 组件库中,Mineral UI 得到了不少前端开发者的喜爱和使用。

    3 年前
  • npm 包 ti.transform 使用教程

    前言 在前端开发中,我们经常需要进行样式转换、代码转换等操作。为了方便及时地应对这些操作,我们常常使用一些工具类库和框架。其中,一个常用的工具就是npm包 ti.transform。

    3 年前
  • npm 包 webpack-addons 使用教程

    在前端开发中,使用 webpack 进行打包是常见的做法。webpack 的强大之处在于它可以通过插件和 loader 来扩展其功能,使其可以处理更多的资源类型。webpack-addons 这个 n...

    3 年前
  • npm 包 tinyjs-plugin-ant 使用教程

    随着前端技术的不断进步,前端开发变的越来越复杂,很多开发者都希望在开发过程中能够使用一些可以提高开发效率的辅助工具,比如在 UI 组件方面,有些组件库可以提供一些通用的组件,避免开发者自己重复造轮子,...

    3 年前
  • npm 包 sn-rcr 使用教程

    在前端开发领域,npm 包的使用已经成为了很常见的一种方式。其中,sn-rcr 是一个非常好用且功能强大的 npm 包,它提供了一种快速创建 React 组件的方法。

    3 年前

相关推荐

    暂无文章