当前位置：首页 > news >正文

【一步步开发AI运动APP】十二、如何进行运动开始前的站位预检，提升用户体验

news 2026/6/10 22:42:04

之前我们为您分享了【一步步开发AI运动小程序】开发系列博文，通过该系列博文，很多开发者开发出了很多精美的AI健身、线上运动赛事、AI学生体测、美体、康复锻炼等应用场景的AI运动小程序；为了帮助开发者继续深耕AI运动领域市场，今天开始我们将为您分享新系列【一步步开发AI运动APP】的博文，带您开发性能更强、体验更好的AI运动APP。

本篇将为您介绍，如何实现正式运动检测前的远、近，视角预检、语音提示等典型应用场景。

一、为什么要进行站位预检

在运动检测时，用户无法手持和操作手机（或者是固定的终端设备），所以在放置好手机后，有必要进行人体远近、视角的预检查，这样的预检查一是有助手提升用户初次使用时的体验，在首次使用时不至于茫然不知道如何使用。二是有助于提升运动检测通过率，合适的距离、正确的视角是影响运动检测通过率两大关键因素，用户在运动开始前站位好距离、视角能极大的提高检测通过率，获得最佳的运动检测体验。
实现以上的预检查，需要使用到插件的pose-calc自定义姿态识别，可以参考本系的前面章节或插件的pose-calc文档了解pose-calc的使用。

二、如何进行站位远近检测

如下图所示，人距离设备过远或过近会影响取像中的人体范围，太远了人物太小关键点不清晰、太近了人无法全身入镜无法识别完整姿态，这都将影响运动的检测识别，我们建议识别范围为人居中占整个图像60%-85%之间为最佳。

要判断人站位的远、近，我们可以使用Pose-Calc中的Whole检查规则来进行判断，代码如下：

import { createCalculator } from "@/uni_modules/yz-ai-sport";
const calculator = createCalculator();//human受检人体姿态,调用抽帧、人体检测接口，得到实时人体结构function farNearChcking(human){let range = 0.85;let rule = {name: '人太近检查',calc: 'whole',range: {top: human.height * (1 - range) / 2,left: human.width * (1 - range) / 2,width: human.width * range,height: human.height * range},relaxed: true};let pass = calculator.calculating(human, rule);if(!pass){console.log('您离相机太近了，请远离');return false;//进行UI显示，比如检测范围框闪动//建议进一步进行语音播放提醒}range = 0.65;rule = {name: '人太远检查',calc: 'whole',range: {top: human.height * (1 - range) / 2,left: human.width * (1 - range) / 2,width: human.width * range,height: human.height * range},relaxed: true};pass = calculator.calculating(human, rule);if(pass){console.log('您离相机太远了，请靠近些');return false;//进行UI显示，比如检测范围框闪动//建议进一步进行语音播放提醒}return true;
}

四、如何进行视角检查

为了保证能尽量完整的识别到运动姿态，不同的运动定义了不能的检查视角（可以通过运动分析器的实例的view属性获得），在定义的视角下进行相应的运动检测，检测效果为最佳，如下图所示：

pose-calc提供了camera-view检测规则，专门用来检测站位视角，应用代码如下：


import { createCalculator } from "@/uni_modules/yz-ai-sport";
const calculator = createCalculator();//human受检人体姿态,调用抽帧、人体检测接口，得到实时人体结构function cameraViewChecking(human, view){let backOrFrontRule = {name: '前后视角预检查',calc: '$or',ruels: [{name: '正对摄像头检查',calc: 'camera-view',position: 'front'},{name: '背对摄像头检查',calc: 'camera-view',position: 'back'}]};let sideRule = {name: '侧身视角预检查',calc: '$or',ruels: [{name: '左对摄像头检查',calc: 'camera-view',position: 'left'},{name: '右对摄像头检查',calc: 'camera-view',position: 'right'}]};let pass = false;let msg = null;switch(view){case 'back_front':msg = '请背对或正对手机';pass = calculator.calculating(human, rule)break;case 'side':msg = '请背侧身对手机';pass = calculator.calculating(human, rule)break;//还进行更多的独立视角检查}if(!pass){console.log(msg);//进行UI显示，比如检测范围框闪动//建议进一步进行语音播放提醒}return pass;
}