npm 包 pose-core 使用教程

阅读时长 4 分钟读完

前言

在前端开发中,经常出现需要对图片、视屏、动画等进行定位和姿态的情况,而这些需求都可以通过姿态估计技术来实现。在这方面,npm 包 pose-core 提供了一种非常灵活、高效的解决方案。

pose-core 是一款用于姿态估计的 JavaScript 库,可以对图片、视屏中的人体进行关节点检测及姿态估计,并且支持多个平台(Web、Node.js、React Native)。

在本文中,我们将详细介绍 pose-core 的使用方法,包括安装、API、示例等,帮助您快速上手姿态估计技术。

安装

安装 pose-core 非常简单,只需要在控制台中运行如下命令即可:

或者使用 yarn:

API

pose-core 提供了一系列 API,可以对图片、视屏中的人体进行关节点检测及姿态估计。

load

load 方法用于加载图片或视屏,并且返回一个 Promise 对象。

其中 input 参数可以是图片路径、HTMLImageElement、HTMLCanvasElement、HTMLVideoElement,或者是带有 src 属性的 Object。

estimatePoses

estimatePoses 方法用于对输入的图片或视频进行姿态估计,并且返回一个 Promise 对象。方法可以传入一些可选参数,如 maxPoseDetections(最大姿势检测数)和 nmsRadius(非极大值抑制半径)等。

其中 result 返回一个包含每个估计姿势的数组,每个姿势包含置信度、关键点数组(包括每个关键点的坐标和概率)和连接数组(包括Connect元素,每个元素都是一对关键点和信任分数)。

###estimateSinglePose

estimateSinglePose 方法用于对输入的图片或视频进行单一姿态估计,并且返回一个 Promise 对象。方法可以传入一些可选参数,如 flipHorizontal(是否水平翻转图片)、outputStride(输出步幅)等。

其中 result 返回一个包含关键点数组、连接数组和置信度的对象。

dispose

dispose 用于释放资源。

示例

在本例中,我们将使用 HTMLImageElement 加载一张图片,并对其进行姿态估计。

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

运行上述代码后,控制台中将显示关键点数组、连接数组和置信度的对象,例如:

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

结语

本文介绍了 pose-core 的使用方法,包括安装、API 和示例等,帮助您快速上手姿态估计技术。希望本文能够对您有所帮助,欢迎探索更多姿态估计领域的知识。

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

纠错
反馈