鸿蒙Next ArkTS5.0如何实现拍照功能

在鸿蒙Next系统上使用ArkTS5.0开发时，如何调用设备摄像头实现拍照功能？需要哪些关键API和权限配置？能否提供一个完整的代码示例，包括拍照后的图片保存流程？

2 回复

鸿蒙Next ArkTS5.0拍照？简单！调用CameraKit，先申请权限，再打开相机，设置参数，最后按快门！代码别写错，不然拍的可能不是风景，是你的崩溃日志。😄

更多关于鸿蒙Next ArkTS5.0如何实现拍照功能的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next（HarmonyOS NEXT）中，使用ArkTS 5.0实现拍照功能主要依赖@ohos.multimedia.camera和@ohos.multimedia.image等系统能力。以下是实现步骤和关键代码示例：

1. 申请权限

在module.json5中声明相机和存储权限：

{
  "module": {
    "requestPermissions": [
      {
        "name": "ohos.permission.CAMERA"
      },
      {
        "name": "ohos.permission.WRITE_IMAGEVIDEO"
      }
    ]
  }
}

2. 初始化相机

使用CameraManager获取相机实例并配置输出流：

import camera from '@ohos.multimedia.camera';
import image from '@ohos.multimedia.image';
import fs from '@ohos.file.fs';

// 获取CameraManager实例
let cameraManager = camera.getCameraManager(context);

// 获取相机设备列表
let cameraDevices = cameraManager.getSupportedCameras();
let cameraDevice = cameraDevices[0]; // 选择第一个相机

// 创建相机输入流
let cameraInput = cameraManager.createCameraInput(cameraDevice);
await cameraInput.open();

// 创建预览输出流（显示在XComponent上）
let previewOutput = cameraManager.createPreviewOutput(previewSurface);

// 创建照片输出流
let photoOutput = cameraManager.createPhotoOutput(photoSurface);

3. 创建会话并拍照

配置会话并触发拍照：

// 创建相机会话
let captureSession = cameraManager.createCaptureSession();
await captureSession.beginConfig();
captureSession.addInput(cameraInput);
captureSession.addOutput(previewOutput);
captureSession.addOutput(photoOutput);
await captureSession.commitConfig();
await captureSession.start();

// 拍照并保存
let photoSettings = {
  rotation: image.ImageRotation.ROTATION_0,
  quality: image.QualityLevel.QUALITY_LEVEL_HIGH
};
photoOutput.capture(photoSettings, (err, captureId) => {
  if (err) {
    console.error('拍照失败: ' + JSON.stringify(err));
    return;
  }
  console.log('拍照成功，ID: ' + captureId);
});

4. 保存图片

通过ImageReceiver获取图片并写入文件：

// 创建ImageReceiver接收图片
let imageReceiver = image.createImageReceiver(1920, 1080, image.ImageFormat.JPEG, 1);
let photoSurface = await imageReceiver.getReceivingSurface();

// 在photoOutput中使用photoSurface
// ...

// 获取图片并保存
imageReceiver.on('imageArrival', () => {
  let img = imageReceiver.readNextImage();
  let arrayBuffer = img.getComponent(image.ComponentType.JPEG);
  let filePath = 'path/to/save/photo.jpg'; // 指定保存路径
  fs.writeFileSync(filePath, arrayBuffer);
  img.release();
});

注意事项：

  • 预览界面：需配合XComponent组件生成previewSurface。
  • 错误处理：添加完整的try/catch保证稳定性。
  • 资源释放：在页面销毁时关闭相机输入和会话。

以上代码提供了核心流程，实际开发需根据界面布局和业务逻辑调整。建议参考官方Camera Kit文档获取最新API细节。

回到顶部