【鸿蒙实战开发】基于CameraKit，通过avrecorder进行录像

最新推荐文章于 2025-10-30 11:15:49 发布

原创最新推荐文章于 2025-10-30 11:15:49 发布 · 1k 阅读

27 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #数码相机 #音视频 #ui #c++ #前端

移动开发同时被 3 个专栏收录

101 篇文章

订阅专栏

鸿蒙开发

101 篇文章

订阅专栏

HarmonyOS

101 篇文章

订阅专栏

1 场景描述

录像是相机应用的最重要功能之一，录像是循环帧的捕获。本文通过CameraKit自定义相机并通过avrecorder进行录像。

2 效果图

3 自定义相机录像流程图

4 方案描述

4.1 整体描述：

总体可分为:1、相机输入，2、同时输出预览流+录像流

1、通过cameraInputt,获取相机采集数据，创建相机输入

2、创建previewOutput，获取预览输出流，通过xcomponent的surfaceid连接，送显xcomponent

3、通过AVrecorder的surfaceid创建录像输出流VideoOutput输出到文件中

4.2 步骤一：通过CameraManager获取相机管理对象

1、创建CameraManager对象

let cameraManager: camera.CameraManager = camera.getCameraManager(context);

2、通过getSupportedCameras 获取相机列表

let cameraArray: Array<camera.CameraDevice> = cameraManager.getSupportedCameras();

3、通过getSupportedSceneModes获取支持的模式类型

let sceneModes: Array<camera.SceneMode> = cameraManager.getSupportedSceneModes(cameraArray[0]);

4.3 步骤二：通过 cameraManager.createCameraInput获取相机输入

创建相机输入

let cameraInput: camera.CameraInput = cameraManager.createCameraInput(cameraArray[0]);

4.4 步骤三：通过cameraManager.createPreviewOutput获取预览输出流

let previewOutput: camera.PreviewOutput = cameraManager.createPreviewOutput(previewProfilesArray[0], surfaceId);

4.5 步骤四：获取录像输出流

4.5.1 步骤一：创建avRcorder的surface

let avRecorder: media.AVRecorder = await media.createAVRecorder();

let videoSurfaceId = await avRecorder.getInputSurface();

4.5.2 步骤二: 配置AVRecorderProfile信息

let aVRecorderProfile: media.AVRecorderProfile = {

fileFormat : media.ContainerFormatType.CFT_MPEG_4, // 视频文件封装格式，只支持MP4

videoBitrate : 100000, // 视频比特率

videoCodec : media.CodecMimeType.VIDEO_AVC, // 视频文件编码格式，支持avc格式

videoFrameWidth : 640, // 视频分辨率的宽

videoFrameHeight : 480, // 视频分辨率的高

videoFrameRate : 30 // 视频帧率

};

4.5.3 步骤三：创建视频录制的参数

let aVRecorderConfig: media.AVRecorderConfig = {

videoSourceType: media.VideoSourceType.VIDEO_SOURCE_TYPE_SURFACE_YUV,

profile: aVRecorderProfile,

url: "fd://" + file.fd,//获取文件的fd,且创建的文件要有读写权限

rotation: 90 // 90°为默认竖屏显示角度，如果由于设备原因或应用期望以其他方式显示等原因，请根据实际情况调整该参数

};

注：预览流与录像输出流的分辨率的宽(videoFrameWidth)高(videoFrameHeight)比要保持一致

4.5.4 步骤四：创建avrecorder和录像输出流videoOutput

// 创建avRecorder

let avRecorder: media.AVRecorder = await media.createAVRecorder();

// avRecorder准备

avRecorder.prepare(aVRecorderConfig);

// 创建VideoOutput对象

let videoOutput: camera.VideoOutput | undefined = undefined;

// createVideoOutput传入的videoProfile对象的宽高需要和aVRecorderProfile保持一致。

let videoProfile: undefined | camera.VideoProfile = videoProfilesArray.find((profile: camera.VideoProfile) => {

return profile.size.width === aVRecorderProfile.videoFrameWidth && profile.size.height === aVRecorderProfile.videoFrameHeight;

});

videoOutput = cameraManager.createVideoOutput(videoProfile, videoSurfaceId);

4.6 步骤五：会话配置

//创建会话

let videoSession: camera.CaptureSession | undefined = undefined;

videoSession.beginConfig();

// 向会话中添加相机输入流

videoSession.addInput(cameraInput);

// 向会话中添加预览输出流

videoSession.addOutput(previewOutput);

// 向会话中添加录像输出流

videoSession.addOutput(videoOutput);

// 提交会话配置

videoSession.commitConfig();

// 启动会话

videoSession.start();

4.7 步骤六：开始、停止录像

// 启动录像输出流

videoOutput.start()

// 开始录像

avRecorder.start();

// 停止录像

avRecorder.stop();

4.8 步骤七：释放资源

// 停止当前会话

videoSession.stop();

// 释放相机输入流

cameraInput.close();

// 释放预览输出流

previewOutput.release();

// 释放录像输出流

videoOutput.release();

// 释放会话

videoSession.release();

// 会话置空

videoSession = undefined;

鸿蒙全栈开发全新学习指南

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以要有一份实用的鸿蒙（HarmonyOS NEXT）学习路线与学习文档用来跟着学习是非常有必要的。

针对一些列因素，整理了一套纯血版鸿蒙（HarmonyOS Next）全栈开发技术的学习路线，包含了鸿蒙开发必掌握的核心知识要点，内容有（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、WebGL、元服务、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、OpenHarmony驱动开发、系统定制移植等等）鸿蒙（HarmonyOS NEXT）技术知识点。