更新记录

1.0.5（2026-06-30）

修复动态样式问题

1.0.4（2026-06-30）

增加动态样式

1.0.3（2026-06-26）

骨骼样式调整

平台兼容性

uni-app(4.0)

使用示例

<rd-mediapipe
  ref="pose"
  class="pose-view"
  cameraPosition="back"
  :detectEnabled="true"
  :resultIntervalMs="100"
  :inferenceIntervalMs="33"
  :maxPoses="1"
  :includeWorldLandmarks="true"
  :minPoseDetectionConfidence="0.5"
  :minPosePresenceConfidence="0.5"
  :minTrackingConfidence="0.5"
  :showSkeletonLines="true"
  :showSkeletonPoints="true"
  skeletonLineColor="#C8FFFFFF"
  :skeletonLineWidth="2.5"
  skeletonLineGlowColor="#28FFFFFF"
  :skeletonLineGlowWidth="6"
  skeletonPointColor="#82FF32"
  :skeletonPointRadius="9"
  skeletonPointGlowColor="#3C82FF32"
  :skeletonPointGlowRadius="14"
  :skeletonGlowEnabled="true"
  @onReady="onReady"
  @onPoseResult="onPoseResult"
  @onError="onError"
/>

事件

• onReady：相机和检测器已就绪
• onPoseResult：姿态识别结果
• onError：原生错误信息

方法

• startCamera()：启动相机
• stopCamera()：停止相机
• switchCamera()：切换前后摄像头
• updateDetectEnabled(enabled)：开启或关闭检测
• prepareForUnload()：页面卸载前释放资源
• getActionList()：获取动作列表
• loadAction(actionId, angleName)：加载指定动作和角度
• startCompare()：开始动作对比
• stopCompare()：停止动作对比
• getCompareStatus()：获取当前对比状态

骨骼样式参数

骨骼覆盖层只能通过 <rd-mediapipe> 的 props 参数控制：

• showSkeletonLines：是否显示骨骼连线。
• showSkeletonPoints：是否显示骨骼圆点。
• skeletonLineColor：连线颜色，支持 Android 颜色字符串，例如 #RRGGBB 或 #AARRGGBB。
• skeletonLineWidth：连线宽度，单位为 px。
• skeletonLineGlowColor：连线发光颜色。
• skeletonLineGlowWidth：连线发光宽度，单位为 px。
• skeletonPointColor：圆点颜色。
• skeletonPointRadius：圆点半径，单位为 px。
• skeletonPointGlowColor：圆点发光颜色。
• skeletonPointGlowRadius：圆点发光半径，单位为 px。
• skeletonGlowEnabled：是否显示发光层。