HarmonyOS NEXT AI基础视觉服务-人脸识别

案例描述

这是一个基于AI基础视觉服务实现的人脸识别案例，通过调用设备相册选择图片后检测图像中的人脸信息并展示结构化识别结果。

实现步骤：

1. 模块导入

// 导入功能模块
import {
    photoAccessHelper } from '@kit.MediaLibraryKit';
import {
    fileIo } from '@kit.CoreFileKit';
import {
    image } from '@kit.ImageKit';
import {
    faceDetector } from '@kit.CoreVisionKit';
import {
    promptAction } from '@kit.ArkUI';
import {
    JSON } from '@kit.ArkTS';

        

          
        
        
        

          

          AI 代码解读
        
      
      

2. 相册选择功能

// 创建相册选择器实例
const photoPicker: photoAccessHelper.PhotoViewPicker = new photoAccessHelper.PhotoViewPicker();
// 设置选择参数
const photoResult = await photoPicker.select({
   
  MIMEType: photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE,
  maxSelectNumber: 1
})
// 获取选中图片URI
const photoUri = photoResult.photoUris[0]

        

          
        
        
        

          

          AI 代码解读
        
      
      

3. 图像处理流程

// 打开图片文件句柄
const fileSource = await fileIo.open(photoUri, fileIo.OpenMode.READ_ONLY);
// 创建图像数据源
const imageSource = image.createImageSource(fileSource.fd);
// 生成像素图格式数据
const chooseImage = await imageSource.createPixelMap();

        

          
        
        
        

          

          AI 代码解读
        
      
      

4. 人脸检测核心实现

// 初始化人脸检测器
faceDetector.init();
// 配置视觉识别参数
const visionInfo: faceDetector.VisionInfo = {
   
  pixelMap: chooseImage
};
// 执行人脸检测
const visionResult = await faceDetector.detect(visionInfo)
// 是否包含人脸
this.isFace = visionResult.length > 0

        

          
        
        
        

          

          AI 代码解读
        
      
      

5. 检测结果展示

// 弹窗显示结构化检测结果
promptAction.showDialog({
   
  message: JSON.stringify(visionResult)
})

        

          
        
        
        

          

          AI 代码解读
        
      
      

落地代码：

1. UI组件定义

@Entry
@ComponentV2
struct FaceDetector {
   
  @Local isFace: boolean = false

        

          
        
        
        

          

          AI 代码解读
        
      
      

2. 主功能方法

async checkFace() {
   
  // 整合相册选择、图像处理、人脸检测完整逻辑
}

        

          
        
        
        

          

          AI 代码解读
        
      
      

3. 界面构建

build() {
   
  Column() {
   
    Button('选择相册 人脸识别')
      .onClick(() => {
   
        this.checkFace()
      })
  }
  .height('100%')
  .width('100%')
}

        

          
        
        
        

          

          AI 代码解读
        
      
      

总结梳理：

核心点

1. 相册访问需要用户授权权限
2. 图像处理需通过MediaLibraryKit和ImageKit协作完成
3. 检测结果包含人脸位置、特征点等结构化数据

完整代码

import {
    photoAccessHelper } from '@kit.MediaLibraryKit';
import {
    fileIo } from '@kit.CoreFileKit';
import {
    image } from '@kit.ImageKit';
import {
    faceDetector } from '@kit.CoreVisionKit';
import {
    promptAction } from '@kit.ArkUI';
import {
    JSON } from '@kit.ArkTS';

@Entry
@ComponentV2
struct FaceDetector {
   
  @Local isFace: boolean = false

  async checkFace() {
   
    const photoPicker: photoAccessHelper.PhotoViewPicker = new photoAccessHelper.PhotoViewPicker();
    const photoResult = await photoPicker.select({
   
      MIMEType: photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE,
      maxSelectNumber: 1
    })
    const photoUri = photoResult.photoUris[0]

    const fileSource = await fileIo.open(photoUri, fileIo.OpenMode.READ_ONLY);
    const imageSource = image.createImageSource(fileSource.fd);
    const chooseImage = await imageSource.createPixelMap();

    faceDetector.init();
    const visionInfo: faceDetector.VisionInfo = {
   
      pixelMap: chooseImage
    };
    const visionResult = await faceDetector.detect(visionInfo)
    this.isFace = visionResult.length > 0

    promptAction.showDialog({
   
      message: JSON.stringify(visionResult)
    })
  }

  build() {
   
    Column() {
   
      Button('选择相册 人脸识别')
        .onClick(() => {
   
          this.checkFace()
        })
    }
    .height('100%')
    .width('100%')
  }
}

        

          
        
        
        

          

          AI 代码解读