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;
以上就是本篇文章所带来的鸿蒙开发中一小部分技术讲解;想要学习完整的鸿蒙全栈技术。可以在结尾找我可全部拿到!
下面是鸿蒙的完整学习路线,展示如下:
除此之外,根据这个学习鸿蒙全栈学习路线,也附带一整套完整的学习【文档+视频】,内容包含如下:
内容包含了:(ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、鸿蒙南向开发、鸿蒙项目实战)等技术知识点。帮助大家在学习鸿蒙路上快速成长!
鸿蒙【北向应用开发+南向系统层开发】文档
鸿蒙【基础+实战项目】视频
鸿蒙面经
为了避免大家在学习过程中产生更多的时间成本,对比我把以上内容全部放在了↓↓↓想要的可以自拿喔!谢谢大家观看!