您的位置:首页 > 移动开发 > Android开发

虹软人脸识别 - Android Camera实时人脸追踪画框适配

2019-10-22 12:54 477 查看

在使用虹软人脸识别Android SDK的过程中 ,预览时一般都需要绘制人脸框,但是和PC平台相机应用不同,在Android平台相机进行应用开发还需要考虑前后置相机切换、设备横竖屏切换等情况,因此在人脸识别项目开发过程中,人脸框绘制适配的实现比较困难。针对该问题,本文将通过以下内容介绍解决方法:

  • 相机原始帧数据和预览成像画面的关系
  • 人脸框绘制到View上的流程
  • 具体场景适配方案介绍
  • 处理多种场景的情况,实现适配函数
  • 将适配好的人脸框绘制到View上

以下用到的Rect说明:

变量名 含义
originalRect 人脸检测回传的人脸框
scaledRect 基于originalRect缩放后的人脸框
drawRect 最终绘制所需的人脸框

一、相机原始帧数据和预览成像画面的关系

Android设备一般为手持设备,相机集成在设备上,设备的旋转也会导致相机的旋转,因此成像也会发生旋转,为了解决这一问题,让用户能够看到正常的成像,Android提供了相机预览数据绘制到控件时,设置旋转角度的相关API,开发者可根据Activity的显示方向设置不同的旋转角度,这块内容在以下文章中有介绍:

  • Android使用Camera2获取预览数据
    将预览的YUV数据转换为NV21,再转换为Bitmap并显示到控件上,同时也将该Bitmap转换为相机预览效果的Bitmap显示到控件上,便于了解原始数据和预览画面的关系

二、人脸框绘制到View上的流程

总体流程

  • 第一步,缩放

  • 第二步,旋转

         需要根据图像数据和预览画面的旋转角度关系,选择对应的旋转方案  

  • 后置摄像头(预览不镜像)

                                                        后置摄像头,旋转0度

 

                                                        后置摄像头,旋转90度

                                                         后置摄像头,旋转180度

                                                         后置摄像头,旋转270度

  • 前置摄像头(预览会镜像)

                                                          前置摄像头,旋转0度

                                                          前置摄像头,旋转90度

                                                          前置摄像头,旋转180度 

                                                          前置摄像头,旋转270度

三、具体场景下的适配方案介绍

以如下场景为例,介绍人脸框适配方案:

屏幕分辨率 相机预览尺寸 相机ID 屏幕朝向 原始数据 预览效果
1080x1920   1280x720 后置相机    竖屏

原始数据

预览效果

可以看到,在竖屏情况下,原始数据顺时针旋转90度并缩放才能达到预览画面的效果,既然图像数据旋转并缩放了,那人脸框也要随着图像旋转并缩放。我们可以先旋转再缩放,也可以先缩放在旋转,这里以先缩放再旋转为例介绍适配的步骤。

第一步,缩放

第二步,旋转

  • 第一步:缩放
    假设人脸检测结果的位置信息是originalRect:(left, top, right, bottom)(相对于1280x720的图像的位置),我们将其放大为相对于1920x1080的图像的位置:
    scaledRect:(originalRect.left * 1.5, originalRect.top * 1.5, originalRect.right * 1.5, originalRect.bottom * 1.5)

  • 第二步:旋转
    在尺寸修改完成后,我们再将人脸框旋转即可得到目标人脸框,其中旋转的过程如下:

      获取原始数据和预览画面的旋转角度(以上情况为90度)
    1. 根据旋转角度将人脸框调整为View需要的人脸框,对于绘制所需的人脸框,我们分析下计算方式: drawRect.left
      绘制所需的Rect的left的值也就是scaledRect的下边界到图像下边界的距离,也就是1080 - scaledRect.bottom
    2. drawRect.top
      绘制所需的Rect的top的值也就是scaledRect的左边界到图像左边界的距离,也就是scaledRect.left
    3. drawRect.right
      绘制所需的Rect的right的值也就是scaledRect的上边界到图像下边界的距离,也就是1080 - scaledRect.top
    4. drawRect.bottom
      绘制所需的Rect的bottom的值也就是scaledRect的右边界到图像上边界的距离,也就是scaledRect.right

最终得出了旋转角度为90度时绘制所需的drawRect四、处理多种场景的情况,实现适配函数

通过以上分析,可得出画框时需要用到的绘制参数如下,其中构造函数的最后两个参数是额外添加的,用于特殊场景的手动矫正:

  • previewWidth & previewHeight
    预览宽高,人脸追踪的人脸框是基于这个尺寸的
  • canvasWidth & canvasHeight
    被绘制的控件的宽高,也就是映射后的目标尺寸
  • cameraDisplayOrientation
    预览数据和源数据的旋转角度
  • cameraId
    相机ID,系统对于前置相机是有做默认镜像处理的,而后置相机则没有
  • isMirror
    预览画面是否水平镜像显示,例如我们如果手动设置了再次镜像预览画面,则需要将最终结果也镜像处理
  • mirrorHorizontal
    为兼容部分设备使用,将调整后的框水平再次镜像
  • mirrorVertical
    为兼容部分设备使用,将调整后的框垂直再次镜像
/**
* 创建一个绘制辅助类对象,并且设置绘制相关的参数
*
* @param previewWidth             预览宽度
* @param previewHeight            预览高度
* @param canvasWidth              绘制控件的宽度
* @param canvasHeight             绘制控件的高度
* @param cameraDisplayOrientation 旋转角度
* @param cameraId                 相机ID
* @param isMirror                 是否水平镜像显示(若相机是手动镜像显示的,设为true,用于纠正)
* @param mirrorHorizontal         为兼容部分设备使用,水平再次镜像
* @param mirrorVertical           为兼容部分设备使用,垂直再次镜像
*/
public DrawHelper(int previewWidth, int previewHeight, int canvasWidth,
int canvasHeight, int cameraDisplayOrientation, int cameraId,
boolean isMirror, boolean mirrorHorizontal, boolean mirrorVertical) {
this.previewWidth = previewWidth;
this.previewHeight = previewHeight;
this.canvasWidth = canvasWidth;
this.canvasHeight = canvasHeight;
this.cameraDisplayOrientation = cameraDisplayOrientation;
this.cameraId = cameraId;
this.isMirror = isMirror;
this.mirrorHorizontal = mirrorHorizontal;
this.mirrorVertical = mirrorVertical;
}

人脸框映射的具体实现

/**
* 调整人脸框用来绘制
*
* @param ftRect FT人脸框
* @return 调整后的需要被绘制到View上的rect
*/
public Rect adjustRect(Rect ftRect) {
// 预览宽高
int previewWidth = this.previewWidth;
int previewHeight = this.previewHeight;

// 画布的宽高,也就是View的宽高
int canvasWidth = this.canvasWidth;
int canvasHeight = this.canvasHeight;

// 相机预览显示旋转角度
int cameraDisplayOrientation = this.cameraDisplayOrientation;

// 相机Id,前置相机在显示时会默认镜像
int cameraId = this.cameraId;

// 是否预览镜像
boolean isMirror = this.isMirror;

// 针对于一些特殊场景做额外的人脸框镜像操作,
// 比如cameraId为CAMERA_FACING_FRONT的相机打开后没镜像、
// 或cameraId为CAMERA_FACING_BACK的相机打开后镜像
boolean mirrorHorizontal = this.mirrorHorizontal;
boolean mirrorVertical = this.mirrorVertical;

if (ftRect == null) {
return null;
}

Rect rect = new Rect(ftRect);
float horizontalRatio;
float verticalRatio;

// cameraDisplayOrientation 为0或180,也就是landscape或reverse-landscape时
// 或
// cameraDisplayOrientation 为90或270,也就是portrait或reverse-portrait时
// 分别计算水平缩放比和垂直缩放比
if (cameraDisplayOrientation % 180 == 0) {
horizontalRatio = (float) canvasWidth / (float) previewWidth;
verticalRatio = (float) canvasHeight / (float) previewHeight;
} else {
horizontalRatio = (float) canvasHeight / (float) previewWidth;
verticalRatio = (float) canvasWidth / (float) previewHeight;
}
rect.left *= horizontalRatio;
rect.right *= horizontalRatio;
rect.top *= verticalRatio;
rect.bottom *= verticalRatio;

Rect newRect = new Rect();
// 关键部分,根据旋转角度以及相机ID对人脸框进行旋转和镜像处理
switch (cameraDisplayOrientation) {
case 0:
if (cameraId == Camera.CameraInfo.CAMERA_FACING_FRONT) {
newRect.left = canvasWidth - rect.right;
newRect.right = canvasWidth - rect.left;
} else {
newRect.left = rect.left;
newRect.right = rect.right;
}
newRect.top = rect.top;
newRect.bottom = rect.bottom;
break;
case 90:
newRect.right = canvasWidth - rect.top;
newRect.left = canvasWidth - rect.bottom;
if (cameraId == Camera.CameraInfo.CAMERA_FACING_FRONT) {
newRect.top = canvasHeight - rect.right;
newRect.bottom = canvasHeight - rect.left;
} else {
newRect.top = rect.left;
newRect.bottom = rect.right;
}
break;
case 180:
newRect.top = canvasHeight - rect.bottom;
newRect.bottom = canvasHeight - rect.top;
if (cameraId == Camera.CameraInfo.CAMERA_FACING_FRONT) {
newRect.left = rect.left;
newRect.right = rect.right;
} else {
newRect.left = canvasWidth - rect.right;
newRect.right = canvasWidth - rect.left;
}
break;
case 270:
newRect.left = rect.top;
newRect.right = rect.bottom;
if (cameraId == Camera.CameraInfo.CAMERA_FACING_FRONT) {
newRect.top = rect.left;
newRect.bottom = rect.right;
} else {
newRect.top = canvasHeight - rect.right;
newRect.bottom = canvasHeight - rect.left;
}
break;
default:
break;
}

/**
* isMirror mirrorHorizontal finalIsMirrorHorizontal
* true         true                false
* false        false               false
* true         false               true
* false        true                true
*
* XOR
*/
if (isMirror ^ mirrorHorizontal) {
int left = newRect.left;
int right = newRect.right;
newRect.left = canvasWidth - right;
newRect.right = canvasWidth - left;
}
if (mirrorVertical) {
int top = newRect.top;
int bottom = newRect.bottom;
newRect.top = canvasHeight - bottom;
newRect.bottom = canvasHeight - top;
}
return newRect;
}

五、将适配好的人脸框绘制到View上

  • 实现一个自定义View
/**
* 用于显示人脸信息的控件
*/
public class FaceRectView extends View {
private static final String TAG = "FaceRectView";
private CopyOnWriteArrayList<DrawInfo> drawInfoList = new CopyOnWriteArrayList<>();
private Paint paint;

public FaceRectView(Context context) {
this(context, null);
}

public FaceRectView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
paint = new Paint();
}

// 主要的绘制操作
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (drawInfoList != null && drawInfoList.size() > 0) {
for (int i = 0; i < drawInfoList.size(); i++) {
DrawHelper.drawFaceRect(canvas, drawInfoList.get(i), 4, paint);
}
}
}
// 清空画面中的人脸
public void clearFaceInfo() {
drawInfoList.clear();
postInvalidate();
}

public void addFaceInfo(DrawInfo faceInfo) {
drawInfoList.add(faceInfo);
postInvalidate();
}

public void addFaceInfo(List<DrawInfo> faceInfoList) {
drawInfoList.addAll(faceInfoList);
postInvalidate();
}
}
  • 绘制的具体操作,画人脸框
/**
* 绘制数据信息到view上,若 {@link DrawInfo#getName()} 不为null则绘制 {@link DrawInfo#getName()}
*
* @param canvas            需要被绘制的view的canvas
* @param drawInfo          绘制信息
* @param faceRectThickness 人脸框厚度
* @param paint             画笔
*/
public static void drawFaceRect(Canvas canvas, DrawInfo drawInfo, int faceRectThickness, Paint paint) {
if (canvas == null || drawInfo == null) {
return;
}
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(faceRectThickness);
paint.setColor(drawInfo.getColor());
paint.setAntiAlias(true);

Path mPath = new Path();
//左上
Rect rect = drawInfo.getRect();
mPath.moveTo(rect.left, rect.top + rect.height() / 4);
mPath.lineTo(rect.left, rect.top);
mPath.lineTo(rect.left + rect.width() / 4, rect.top);
//右上
mPath.moveTo(rect.right - rect.width() / 4, rect.top);
mPath.lineTo(rect.right, rect.top);
mPath.lineTo(rect.right, rect.top + rect.height() / 4);
//右下
mPath.moveTo(rect.right, rect.bottom - rect.height() / 4);
mPath.lineTo(rect.right, rect.bottom);
mPath.lineTo(rect.right - rect.width() / 4, rect.bottom);
//左下
mPath.moveTo(rect.left + rect.width() / 4, rect.bottom);
mPath.lineTo(rect.left, rect.bottom);
mPath.lineTo(rect.left, rect.bottom - rect.height() / 4);
canvas.drawPath(mPath, paint);

// 其中需要注意的是,canvas.drawText函数传入的位置,x是水平方向的起点,
// 而 y是 BaseLine,文字会在 BaseLine的上方绘制
if (drawInfo.getName() == null) {
paint.setStyle(Paint.Style.FILL_AND_STROKE);
paint.setTextSize(rect.width() / 8);

String str = (drawInfo.getSex() == GenderInfo.MALE ? "MALE" : (drawInfo.getSex() == GenderInfo.FEMALE ? "FEMALE" : "UNKNOWN"))
+ ","
+ (drawInfo.getAge() == AgeInfo.UNKNOWN_AGE ? "UNKNWON" : drawInfo.getAge())
+ ","
+ (drawInfo.getLiveness() == LivenessInfo.ALIVE ? "ALIVE" : (drawInfo.getLiveness() == LivenessInfo.NOT_ALIVE ? "NOT_ALIVE" : "UNKNOWN"));
canvas.drawText(str, rect.left, rect.top - 10, paint);
} else {
paint.setStyle(Paint.Style.FILL_AND_STROKE);
paint.setTextSize(rect.width() / 8);
canvas.drawText(drawInfo.getName(), rect.left, rect.top - 10, paint);
}
}
温馨提示:
本来自己研究了较长时间,后来发现虹软人脸识别Android Demo中早已给出该适配方案,上述代码也源于官方Demo,通过研读Demo,发现其中还提供了很多其他在接入虹软人脸识别SDK时可能用到的优化策略,如:
1. 通过异步人脸特征提取实现多人脸识别
2. 使用faceId优化识别逻辑
3. 识别时的画框适配方案
4. 打开双摄进行红外活体检测

Android Demo可在虹软人脸识别开放平台下载
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐