鸿蒙开发进阶（HarmonyOS ）水印相机
鸿蒙NEXT开发实战往期必看文章：一分钟了解”纯血版！鸿蒙HarmonyOS Next应用开发！
“非常具体的” 鸿蒙HarmonyOS Next应用开发学习路线！（从零基础入门到醒目）
HarmonyOS NEXT应用开发案例实践总联合（持续更新......）
HarmonyOS NEXT应用开发性能优化实践总结（持续更新......）
如今，图像和视频的记载与分享已经成为人们日常生存和工作中不可或缺的一部门。然而，对于很多用户来说，单纯的拍摄往往无法满足其特定的需求。
随着社交媒体的兴起和信息流传的快速发展，用户对于所拍摄内容的个性化、精准化以及专业性有了更高的要求。在这样的背景下，水印相机应运而生。
水印相机旨在为用户提供更加丰富和实用的功能。添加当前地理位置的功能，能够让用户在拍摄的瞬间准确记载下所在的位置信息，这对于观光记载、工作现场汇报、活动举办所在的标注等场景具有重要意义。
添加水印的功能则赋予了照片和视频独特的标识，无论是个人版权声明、品牌宣传照旧特定活动的标记，都能通过水印清楚显现。
同时，能够修改视频分辨率以及动图的功能，满足了用户在差别平台和设备上的展示需求。差别的社交媒体平台对于视频分辨率和格式可能有差别的要求，用户可以根据实际环境举行灵活调整，以确保所拍摄的内容能够在各种渠道上得到最佳的呈现结果。
功能列表
1.照相
2.视频拍摄
3.闪光灯控制
4.动图
5.图像稳固
6.存储功能
7.连续变焦等。
工程目次
├──entry/src/main/ets/
│├──constants
││└──CameraConstants.ets
│├──entryability
││└──EntryAbility.ets
│├──pages
││├──Index.ets // 主页
││└──MovingPhotoPage.ets //动态图片预览页
│├──utils
││├──CameraShooter.ets // 拍照
││└──VideoRecorder.ets // 录像
└──entry/src/main/resource // 应用静态资源目录
实现思路
利用camera kit拍摄以及photoAccessHelper举行保存图片和视频。以及ArkUI的利用。
具体实现
[*]页面背景添加水印，方法一：Stack层叠布局，利用Canvas绘制水印放在最上层。
[*]页面背景添加水印，方法二：封装Canvas绘制水印组件为Builder，然后在需要添加的页面组件上添加overlay属性。
[*]保存图片添加水印：获取图片数据，createPixelMap，利用OffScreenContext在指定位置绘制水印，最后保存带水印图片。
[*]照相图片添加水印：打开相机，获取存储fileUri，然后存入沙箱，获取图片数据，createPixelMap，绘制水印，最后保存带水印图片。
场景整体先容
原理先容
三方相机开放能力接纳与系统相机同一底层接口调用方式，使最终的拍摄保持系统级结果。
https://img-blog.csdnimg.cn/img_convert/56ff6b7d30b87deff6ec1f0e2becea8c.png
整体流程
本场景解决方案按照如下流程实现三方相机结果，推荐开发者参考雷同流程举行接入，以保证更好体验：
https://img-blog.csdnimg.cn/img_convert/63a7051674ce2e8284af3905baa1e2c4.png
照相
应用可以点击底部圆形按钮拍摄照片，同时可以调节变焦，闪光灯等参数。
关键代码片断
1、创建CameraManager对象，需要通过UIContext创建，用来对相机举行利用。
let cameraManager: camera.CameraManager = camera.getCameraManager(getContext());
2、获取相机列表，系统会提供前置和后置相机，供开发者选择切换。
let cameraArray: Array<camera.CameraDevice> = cameraManager.getSupportedCameras();
3、选择摄像头，创建输入流，作为预览流和照相流的提供方。
cameraInput = cameraManager.createCameraInput(cameraArray)await cameraInput.open();
4、获取相机设备支持的输出流能力，此处指定NORMAL_PHOTO获取的是照片流，用来创建照相输出流和预览输出流。
let cameraOutputCap: camera.CameraOutputCapability = cameraManager.getSupportedOutputCapability(cameraArray, camera.SceneMode.NORMAL_PHOTO);
5、创建预览输出流，通过surfaceId绑定显示组件XComponent。
let previewProfilesArray: Array<camera.Profile> = cameraOutputCap.previewProfiles;
previewOutput = cameraManager.createPreviewOutput(previewProfilesArray, surfaceId);
6、创建照相输出流，可以输出照片文件。
let photoProfilesArray: Array<camera.Profile> = cameraOutputCap.photoProfiles;
photoOutPut = cameraManager.createPhotoOutput(photoProfilesArray);
7、创建相机会话，用于控制修改照相参数。
photoSession = cameraManager.createSession(camera.SceneMode.NORMAL_PHOTO) as camera.PhotoSession;
8、开始配置会话，向会话中添加各路输入输出流，之后可以照相。
photoSession.beginConfig();
photoSession.addInput(cameraInput);
photoSession.addOutput(previewOutput);
photoSession.addOutput(photoOutPut);
await photoSession.commitConfig();
await photoSession.start()
9、调节闪光灯，通过FLASH_MODE_AUTO设置为主动模式，现在支持关闭，主动，常亮，打开。
photoSession.setFlashMode(camera.FlashMode.FLASH_MODE_AUTO);
10、调节主动变焦模式，通过FOCUS_MODE_CONTINUOUS_AUTO设置为主动模式。现在支持连续主动对焦、主动对焦、手动对焦。
photoSession.setFocusMode(camera.FocusMode.FOCUS_MODE_CONTINUOUS_AUTO);
11、调节相机焦距，超出范围则只保留支持范围的值。
photoSession.setZoomRatio(zoom);
12、点击照相，通过QUALITY_LEVEL_HIGH选择高质量模式。
let settings: camera.PhotoCaptureSetting = {
quality: camera.QualityLevel.QUALITY_LEVEL_HIGH,
rotation: camera.ImageRotation.ROTATION_0,
};
photoOutPut.capture(settings, () => {});
13、保存图片，此处需要调用系统图库接口photoAccessHelper。
let options: photoAccessHelper.CreateOptions = {
title: Date.now().toString()
};
let accessHelper: photoAccessHelper.PhotoAccessHelper = photoAccessHelper.getPhotoAccessHelper(context);
let photoUri: string = await accessHelper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg', options);
// createAsset的调用需要ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO的权限
let file: fileIo.File = fileIo.openSync(photoUri, fileIo.OpenMode.READ_WRITE | fileIo.OpenMode.CREATE);
await fileIo.write(file.fd, buffer);
fileIo.closeSync(file);
14、预览图片，此处需要调用文件预览组件，需要留意格式mimeType必须与文件类型相对应。
let options: photoAccessHelper.CreateOptions = {
title: Date.now().toString()
};
let accessHelper: photoAccessHelper.PhotoAccessHelper = photoAccessHelper.getPhotoAccessHelper(context);
let photoUri: string = await accessHelper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg', options);
// createAsset的调用需要ohos.permission.READ_IMAGEVIDEO和ohos.permission.WRITE_IMAGEVIDEO的权限
let file: fileIo.File = fileIo.openSync(photoUri, fileIo.OpenMode.READ_WRITE | fileIo.OpenMode.CREATE);
await fileIo.write(file.fd, buffer);
fileIo.closeSync(file);
完毕。
https://i-blog.csdnimg.cn/direct/aecd8e669e8141f7b75be983bfd94925.png
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]