HarmonyOS 实名认证-活体视频录制如何完成？

参考示例：

Index.ets

import abilityAccessCtrl, { Permissions } from '@ohos.abilityAccessCtrl';
import common from '@ohos.app.ability.common';
import router from '@ohos.router'

class routerParams {
  text:string
  data:string

  constructor(str:string, data:string) {
    this.text = str
    this.data = data
  }
}
const TAG: string = 'CAMERA_TAG';
@Entry
@Component
struct Index {
  scroller: Scroller = new Scroller()
  private controller: VideoController | undefined;
  @State videosrc: string = '';
  @State path:string="";
  @State text:string="";
  permissions: Array<Permissions> = [
    'ohos.permission.CAMERA',
    'ohos.permission.MICROPHONE',
    'ohos.permission.WRITE_MEDIA',
    'ohos.permission.READ_MEDIA',
    'ohos.permission.MEDIA_LOCATION',
  ];
  atManager = abilityAccessCtrl.createAtManager();
  onPageShow(){
    try{
      this.path=(router.getParams() as routerParams).data
      console.log(this.path);
    }catch (e){
      return;
    }
  }
  //第1步:请求权限
  async requestPermissions() : Promise<boolean>{
    return await new Promise((resolve: Function) => {
      try {
        let context = getContext() as common.UIAbilityContext;
        this.atManager.requestPermissionsFromUser(context, this.permissions)
          .then(async () => {
            console.info(TAG, "权限请求成功")
            resolve(true)
          }).catch(() => {
          console.info(TAG, "权限请求异常");
          resolve(false)
        });
      } catch (err) {
        console.info(TAG, "权限请求err:" + err)
        resolve(false)
      }
    });
  }
  build() {
    Stack({ alignContent: Alignment.TopStart }) {
      Scroll(this.scroller) {
        Column() {
          if (this.path) {
            Video({
              src: "file://" + this.path,
              controller: this.controller
            }).height('60%').width('60%')
          }
          Button("录制视频")
            .width('90%')
            .height(45)
            .backgroundColor('#0080FF')
            .fontSize(16)
            .fontColor(Color.White)
            .margin({ top: 30 })
            .onClick(async () => {
              let result = await this.requestPermissions();
              if(result) {
                router.pushUrl({ url: "pages/cameraRecord"})
              }
            })

        }.width('100%')
      }
      .scrollable(ScrollDirection.Vertical)
      .scrollBar(BarState.On)
      .scrollBarColor(Color.Gray)
      .scrollBarWidth(20)
    }.width('100%').height('100%').backgroundColor(Color.White)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.

cameraRecord.ets

import camera from '@ohos.multimedia.camera';
import media from '@ohos.multimedia.media';
import { BusinessError } from '@ohos.base';
import common from '@ohos.app.ability.common';
import router from '@ohos.router';
import fileUri from '@ohos.file.fileuri';
import fs from '@ohos.file.fs';
const TAG: string = 'CAMERA_TAG';

/**
 * 视频录制
 */
class routerParams {
  text:string
  data:string
  constructor(str:string, data:string) {
    this.text = str
    this.data = data
  }
}

/**
 * 新建并打开文件
 */
function createOrOpen(path: string) : fs.File{
  let isExist = fs.accessSync(path);
  let file: fs.File;
  if(isExist) {
    file = fs.openSync(path, fs.OpenMode.READ_WRITE);
  }else {
    file = fs.openSync(path, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE)
  }
  return file;
}

@Entry
@Component
struct cameraRecord {
  private mXComponentController: XComponentController = new XComponentController;
  private surfaceId: string = '';
  //预览控件宽高
  @State xComponentWidth: number = 0;
  @State xComponentHeight: number = 0;
  @State videoUri: string = "";
  url: string = "";
  @State recording: boolean = false;//正在录制视频
  @State isPause: boolean = false;//是否暂停录制
  @State isFinished: boolean = false;
  @State path:string ="";
  @State cameraManager: camera.CameraManager | undefined =undefined;
  @State videoOutput: camera.VideoOutput | undefined =undefined;
  @State captureSession: camera.Session | undefined =undefined;
  @State cameraInput: camera.CameraInput | undefined =undefined;
  @State previewOutput: camera.PreviewOutput | undefined =undefined;
  @State avRecorder: media.AVRecorder | undefined =undefined;
  controller: VideoController = new VideoController();

  aboutToAppear() {
    let context = getContext() as common.UIAbilityContext;
    this.path = context.filesDir + "/" + "VIDEO_" + Date.parse(new Date().toString()) + ".mp4";
    let file = createOrOpen(this.path);
    this.url = "fd://" + file.fd;
    this.videoUri = fileUri.getUriFromPath(this.path);
  }

  build() {
    Stack({ alignContent: Alignment.Top }) {
      if (!this.isFinished) {
        XComponent({
          id: 'componentId',
          type: 'surface',
          controller: this.mXComponentController,
        }).onLoad(async () => {
          this.surfaceId = this.mXComponentController.getXComponentSurfaceId();
          let baseContext = getContext() as common.BaseContext;
          await this.initCamera(baseContext, this.surfaceId)
        }).width('100%')
          .height('100%')
        Text('正对屏幕，将人脸完全置于下面圆框内')
          .width(350).height(30).textAlign(TextAlign.Center)
          .position({  y: 100 })
          .fontColor('#afffffff')
        Text('录制开始后依次大声读取上述蓝色数字')
          .width(350).height(30).textAlign(TextAlign.Center)
          .position({ y: '70%' })
          .fontColor('#ffffffff')
      } else {
        Video({
          src: this.videoUri,
          controller: this.controller
        }).autoPlay(true)
      }
      Column() {
        Button("返回", { type: ButtonType.Circle, stateEffect: false })
          .width(80).height(80).fontSize(16).fontColor('#ffffff').margin({ left: 20, top: 20 })
          .onClick(() => {
            this.controller.stop();
            // this.stopRecord();
            let options: router.RouterOptions = {
              url: '',
              params: new routerParams("沙箱路径", this.path)
            }
            router.back(options);
          })
        Blank()
        if (!this.isFinished) {
          Row() {
            Button(this.recording ? "停止录制" : "开始录制", { type: ButtonType.Circle, stateEffect: false })
              .width(120).height(120).fontSize(20).margin({ left: 20 }).fontColor('#ffffff')
              .onClick(() => {
                if(this.recording) {
                  this.stopRecord();
                }else {
                  this.startRecord();
                }
                this.recording = !this.recording;
              })

            Button(this.isPause ? "继续录制" : "暂停录制", { type: ButtonType.Circle, stateEffect: false })
              .width(120).height(120).fontSize(20).margin({ left: 20 }).fontColor('#ffffff')
              .onClick(() => {
                if(!this.isPause) {
                  this.pauseRecordingProcess();
                }else {
                  this.resumeRecordingProcess();
                }
                this.isPause = !this.isPause;
              })
          }
          .width('100%')
          .height(120)
          .margin({ bottom: 60 })
          .justifyContent(FlexAlign.Center)
          .alignItems(VerticalAlign.Center)
        }
      }.width('100%')
      .height('100%')
      .justifyContent(FlexAlign.Start)
      .alignItems(HorizontalAlign.Start)

    }.width('100%')
    .height('100%')
  }

  //第1步:初始化照相机
  async initCamera(baseContext: ESObject, surfaceId: string) {
    this.cameraManager = camera.getCameraManager(baseContext);
    if (!this.cameraManager) {
      console.error(TAG, "camera.getCameraManager error");
      return;
    }

    //监听照相机状态变化
    this.cameraManager.on('cameraStatus', (err: BusinessError, cameraStatusInfo: camera.CameraStatusInfo) => {
      console.info(TAG, `camera : ${cameraStatusInfo.camera.cameraId}`);
      console.info(TAG, `status:  ${cameraStatusInfo.status}`);
    });
    // 获取相机列表
    let cameraArray: Array<camera.CameraDevice> = [];
    try {
      cameraArray = this.cameraManager.getSupportedCameras();
    } catch (error) {
      let err = error as BusinessError;
      console.error(`getSupportedCameras call failed. error code: ${err.code}`);
    }

    if (cameraArray.length <= 0) {
      console.error("cameraManager.getSupportedCameras error");
      return;
    }
    for (let index = 0; index < cameraArray.length; index++) {
      console.info(TAG, 'cameraId : ' + cameraArray[index].cameraId); // 获取相机ID
      console.info(TAG, 'cameraPosition : ' + cameraArray[index].cameraPosition); // 获取相机位置
      console.info(TAG, 'cameraType : ' + cameraArray[index].cameraType); // 获取相机类型
      console.info(TAG, 'connectionType : ' + cameraArray[index].connectionType); // 获取相机连接类型
    }
    let CameraDevice:camera.CameraDevice = cameraArray[1]
    // 获取相机设备支持的输出流能力
    let cameraOutputCap: camera.CameraOutputCapability = this.cameraManager.getSupportedOutputCapability(CameraDevice,camera.SceneMode.NORMAL_VIDEO);
    if (!cameraOutputCap) {
      console.error(TAG, "cameraManager.getSupportedOutputCapability error");
      return;
    }
    console.info(TAG, "outputCapability: " + JSON.stringify(cameraOutputCap));

    //预览流与录像输出流的分辨率的宽高比要保持一致
    let previewProfilesArray: Array<camera.Profile> = cameraOutputCap.previewProfiles;
    let position: number = 0;
    if (previewProfilesArray != null) {
      previewProfilesArray.forEach((value: camera.Profile, index: number) => {
        console.info(TAG, `支持的预览尺寸: [${value.size.width},${value.size.height}]`);
        if (value.size.width === 1920 && value.size.height === 1080) {
          position = index;
        }
      })
    } else {
      console.error(TAG, "createOutput photoProfilesArray == null || undefined");
    }
    let photoProfilesArray: Array<camera.Profile> = cameraOutputCap.photoProfiles;
    if (!photoProfilesArray) {
      console.error(TAG, "createOutput photoProfilesArray == null || undefined");
    }

    this.xComponentWidth = previewProfilesArray[position].size.width;
    this.xComponentHeight = previewProfilesArray[position].size.height;
    this.mXComponentController.setXComponentSurfaceSize({
      surfaceWidth: previewProfilesArray[position].size.width,
      surfaceHeight: previewProfilesArray[position].size.height
    });

    let videoProfilesArray: Array<camera.VideoProfile> = cameraOutputCap.videoProfiles;
    if (!videoProfilesArray) {
      console.error("createOutput videoProfilesArray == null || undefined");
    }

    let metadataObjectTypesArray: Array<camera.MetadataObjectType> = cameraOutputCap.supportedMetadataObjectTypes;
    if (!metadataObjectTypesArray) {
      console.error("createOutput metadataObjectTypesArray == null || undefined");
    }

    // videoProfile的宽高需要与AVRecorderProfile的宽高保持一致，并且需要使用AVRecorderProfile锁支持的宽高
    let videoSize: camera.Size = {
      width: 1920,
      height: 1080
    }
    let videoProfile: undefined | camera.VideoProfile = videoProfilesArray.find((profile: camera.VideoProfile) => {
      return profile.size.width === videoSize.width && profile.size.height === videoSize.height;
    });

    if (!videoProfile) {
      console.error('videoProfile is not found');
      return;
    }

    // 配置参数以实际硬件设备支持的范围为准
    let aVRecorderProfile: media.AVRecorderProfile = {
      audioBitrate: 48000,
      audioChannels: 2,
      audioCodec: media.CodecMimeType.AUDIO_AAC,
      audioSampleRate: 48000,
      fileFormat: media.ContainerFormatType.CFT_MPEG_4,
      videoBitrate: 2000000,
      videoCodec: media.CodecMimeType.VIDEO_AVC,
      videoFrameWidth: videoSize.width,
      videoFrameHeight: videoSize.height,
      videoFrameRate: 30
    };

    let aVRecorderConfig: media.AVRecorderConfig = {
      audioSourceType: media.AudioSourceType.AUDIO_SOURCE_TYPE_MIC,
      videoSourceType: media.VideoSourceType.VIDEO_SOURCE_TYPE_SURFACE_YUV,
      profile: aVRecorderProfile,
      url: this.url, // 文件需先由调用者创建，赋予读写权限，将文件fd传给此参数，eg.fd://45--file:///data/media/01.mp4
      rotation: 270, // 合理值0、90、180、270，非合理值prepare接口将报错
      location: { latitude: 30, longitude: 130 }
    };
    
    try {
      this.avRecorder = await media.createAVRecorder();

    } catch (error) {
      let err = error as BusinessError;
      console.error(`createAVRecorder call failed. error code: ${err.code}`);
    }

    if (this.avRecorder === undefined) {
      return;
    }

    try {
      await this.avRecorder.prepare(aVRecorderConfig);
    } catch (error) {
      let err = error as BusinessError;
      console.error(`prepare call failed. error code: ${err.code}`);
    }

    let videoSurfaceId: string | undefined = undefined; // 该surfaceID用于传递给相机接口创造videoOutput
    try {
      videoSurfaceId = await this.avRecorder.getInputSurface();
    } catch (error) {
      let err = error as BusinessError;
      console.error(`getInputSurface call failed. error code: ${err.code}`);
    }
    if (videoSurfaceId === undefined) {
      return;
    }
    // 创建VideoOutput对象
    try {
      this.videoOutput = this.cameraManager.createVideoOutput(videoProfile, videoSurfaceId);
    } catch (error) {
      let err = error as BusinessError;
      console.error(`Failed to create the videoOutput instance. error: ${JSON.stringify(err)}`);
    }
    if (this.videoOutput === undefined) {
      return;
    }
    this.videoOutput.on('frameStart', () => {
      console.info('Video frame started');
    });
    // 监听视频输出错误信息
    this.videoOutput.on('error', (error: BusinessError) => {
      console.log(`Preview output error code: ${error.code}`);
    });
    
    //创建会话
    try {
      this.captureSession = this.cameraManager.createSession(camera.SceneMode.NORMAL_VIDEO) as camera.VideoSession;;
    } catch (error) {
      let err = error as BusinessError;
      console.error('Failed to create the CaptureSession instance. errorCode = ' + err.code);
    }
    if (this.captureSession === undefined) {
      return;
    }

    // 开始配置会话
    try {
      this.captureSession.beginConfig();
    } catch (error) {
      let err = error as BusinessError;
      console.error(TAG, 'Failed to beginConfig. errorCode = ' + err.code);
    }

    // 创建相机输入流
    let cameraInput: camera.CameraInput | undefined = undefined;
    try {
      cameraInput = this.cameraManager.createCameraInput(CameraDevice);
    } catch (error) {
      let err = error as BusinessError;
      console.error(`Failed to createCameraInput. error: ${JSON.stringify(err)}`);
    }
    if (cameraInput === undefined) {
      return;
    }
    // 监听cameraInput错误信息
    let cameraDevice: camera.CameraDevice = cameraArray[1];
    cameraInput.on('error', cameraDevice, (error: BusinessError) => {
      console.log(`Camera input error code: ${error.code}`);
    });

    // 打开相机
    try {
      await cameraInput.open();
    } catch (error) {
      let err = error as BusinessError;
      console.error(`Failed to open cameraInput. error: ${JSON.stringify(err)}`);
    }

    // 向会话中添加相机输入流
    try {
      this.captureSession.addInput(cameraInput);
    } catch (error) {
      let err = error as BusinessError;
      console.error(`Failed to add cameraInput. error: ${JSON.stringify(err)}`);
    }

    // 创建预览输出流,其中参数 surfaceId 参考下面 XComponent 组件，预览流为XComponent组件提供的surface
    let previewOutput: camera.PreviewOutput | undefined = undefined;
    try {
      previewOutput = this.cameraManager.createPreviewOutput(previewProfilesArray[position], surfaceId);
    } catch (error) {
      let err = error as BusinessError;
      console.error(`Failed to create the PreviewOutput instance. error: ${JSON.stringify(err)}`);
    }

    if (previewOutput === undefined) {
      return;
    }
    // 向会话中添加预览输入流
    try {
      this.captureSession.addOutput(previewOutput);
    } catch (error) {
      let err = error as BusinessError;
      console.error(`Failed to add previewOutput. error: ${JSON.stringify(err)}`);
    }

    // 向会话中添加录像输出流
    try {
      this.captureSession.addOutput(this.videoOutput);
    } catch (error) {
      let err = error as BusinessError;
      console.error(`Failed to add videoOutput. error: ${JSON.stringify(err)}`);
    }

    // 提交会话配置
    try {
      await this.captureSession.commitConfig();
    } catch (error) {
      let err = error as BusinessError;
      console.error(`captureSession commitConfig error: ${JSON.stringify(err)}`);
    }

    // 启动会话
    try {
      await this.captureSession.start();
    } catch (error) {
      let err = error as BusinessError;
      console.error(`captureSession start error: ${JSON.stringify(err)}`);
    }

    // 启动录像输出流
    this.videoOutput.start((err: BusinessError) => {
      if (err) {
        console.error(`Failed to start the video output. error: ${JSON.stringify(err)}`);
        return;
      }
      console.log('Callback invoked to indicate the video output start success.');
    });
  }

  //第2步：录制
  async startRecord() {
    if (this.avRecorder) {
      // 开始录像
      try {
        await this.avRecorder.start();
      } catch (error) {
        let err = error as BusinessError;
        console.error(`avRecorder start error: ${JSON.stringify(err)}`);
      }
    }
  }

  //第3步:停止录像
  async stopRecord() {
    if (this.avRecorder) {
      // 停止录像
      try {
        // 停止录像输出流
        if (this.videoOutput){
          this.videoOutput.stop((err: BusinessError) => {
            if (err) {
              console.error(`Failed to stop the video output. error: ${JSON.stringify(err)}`);
              return;
            }
            console.log('Callback invoked to indicate the video output stop success.');
          });
        }
        // 停止录像
        try {
          await this.avRecorder.stop();
          await this.avRecorder.release();
        } catch (error) {
          let err = error as BusinessError;
          console.error(`avRecorder stop error: ${JSON.stringify(err)}`);
        }
      } catch (error) {
        let err = error as BusinessError;
        console.error(TAG, `avRecorder stop error: ${JSON.stringify(err)}`);
      }
      // 停止当前会话
      try {
        if (this.captureSession ) {
          this.captureSession.stop();
        }
        // fs.closeSync(file);
        // 释放相机输入流
        if (this.cameraInput ) {
          this.cameraInput.close();
        }
        // 释放预览输出流
        if (this.previewOutput) {
          this.previewOutput.release();
        }
        // 释放录像输出流
        if (this.videoOutput) {
          this.videoOutput.release();
        }
        // 释放会话
        if (this.captureSession) {
          this.captureSession.release();
        }
        // 会话置空
        if (this.captureSession) {
          this.captureSession = undefined;
        }

        this.isFinished = true;

      }catch (error) {
        let err = error as BusinessError;
        console.error(TAG, `avRecorder stop error: ${JSON.stringify(err)}`);
      }
    }
  }

  // 暂停录制对应的流程
  async pauseRecordingProcess() {
    if (this.avRecorder != undefined && this.avRecorder.state === 'started') { // 仅在started状态下调用pause为合理状态切换
      await this.avRecorder.pause();
      if (this.videoOutput){
        this.videoOutput.stop((err: BusinessError) => {
          if (err) {
            console.error(`Failed to stop the video output. error: ${JSON.stringify(err)}`);
            return;
          }
          console.log('Callback invoked to indicate the video output stop success.');
        });
      }
    }
  }
  // 恢复录制对应的流程
  async resumeRecordingProcess() {
    if (this.avRecorder != undefined && this.avRecorder.state === 'paused') { // 仅在paused状态下调用resume为合理状态切换

      await this.avRecorder.resume();
      // 启动录像输出流
      if (this.videoOutput) {
        this.videoOutput.start((err: BusinessError) => {
          if (err) {
            console.error(`Failed to start the video output. error: ${JSON.stringify(err)}`);
            return;
          }
          console.log('Callback invoked to indicate the video output start success.');
        });
      }
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
163.
164.
165.
166.
167.
168.
169.
170.
171.
172.
173.
174.
175.
176.
177.
178.
179.
180.
181.
182.
183.
184.
185.
186.
187.
188.
189.
190.
191.
192.
193.
194.
195.
196.
197.
198.
199.
200.
201.
202.
203.
204.
205.
206.
207.
208.
209.
210.
211.
212.
213.
214.
215.
216.
217.
218.
219.
220.
221.
222.
223.
224.
225.
226.
227.
228.
229.
230.
231.
232.
233.
234.
235.
236.
237.
238.
239.
240.
241.
242.
243.
244.
245.
246.
247.
248.
249.
250.
251.
252.
253.
254.
255.
256.
257.
258.
259.
260.
261.
262.
263.
264.
265.
266.
267.
268.
269.
270.
271.
272.
273.
274.
275.
276.
277.
278.
279.
280.
281.
282.
283.
284.
285.
286.
287.
288.
289.
290.
291.
292.
293.
294.
295.
296.
297.
298.
299.
300.
301.
302.
303.
304.
305.
306.
307.
308.
309.
310.
311.
312.
313.
314.
315.
316.
317.
318.
319.
320.
321.
322.
323.
324.
325.
326.
327.
328.
329.
330.
331.
332.
333.
334.
335.
336.
337.
338.
339.
340.
341.
342.
343.
344.
345.
346.
347.
348.
349.
350.
351.
352.
353.
354.
355.
356.
357.
358.
359.
360.
361.
362.
363.
364.
365.
366.
367.
368.
369.
370.
371.
372.
373.
374.
375.
376.
377.
378.
379.
380.
381.
382.
383.
384.
385.
386.
387.
388.
389.
390.
391.
392.
393.
394.
395.
396.
397.
398.
399.
400.
401.
402.
403.
404.
405.
406.
407.
408.
409.
410.
411.
412.
413.
414.
415.
416.
417.
418.
419.
420.
421.
422.
423.
424.
425.
426.
427.
428.
429.
430.
431.
432.
433.
434.
435.
436.
437.
438.
439.
440.
441.
442.
443.
444.
445.
446.
447.
448.
449.
450.
451.
452.
453.
454.
455.
456.
457.
458.
459.
460.
461.
462.
463.
464.
465.
466.
467.
468.
469.
470.
471.
472.
473.
474.
475.
476.
477.
478.
479.
480.
481.
482.
483.
484.
485.
486.
487.
488.
489.
490.
491.
492.
493.
494.
495.
496.
497.
498.
499.
500.
501.
502.
503.
504.
505.
506.
507.
508.
509.
510.
511.
512.
513.
514.
515.
516.
517.
518.
519.