• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 高性能拍照实践(仅对系统应用开放)(ArkTS)
2<!--Kit: Camera Kit-->
3<!--Subsystem: Multimedia-->
4<!--Owner: @qano-->
5<!--Designer: @leo_ysl-->
6<!--Tester: @xchaosioda-->
7<!--Adviser: @zengyawen-->
8
9在开发相机应用时,需要先[申请相关权限](camera-preparation.md)。
10
11当前示例提供完整的高性能拍照流程介绍,方便开发者了解完整的接口调用顺序。
12
13在参考以下示例前,建议开发者查看[高性能拍照(仅对系统应用开放)(ArkTS)](camera-deferred-photo.md)的具体章节,了解[设备输入](camera-device-input.md)、[会话管理](camera-session-management.md)、[拍照](camera-shooting.md)等单个流程。
14
15## 开发流程
16
17在获取到相机支持的输出流能力后,开始创建拍照流,开发流程如下。
18
19![deferred-photo-development-process](figures/deferred-photo-development-process.png)
20
21## 完整示例
22
23Context获取方式请参考:[获取UIAbility的上下文信息](../../application-models/uiability-usage.md#获取uiability的上下文信息)。
24
25```ts
26import { camera } from '@kit.CameraKit';
27import { image } from '@kit.ImageKit';
28import { BusinessError } from '@kit.BasicServicesKit';
29import { fileIo, fileUri } from '@kit.CoreFileKit';
30import { photoAccessHelper } from '@kit.MediaLibraryKit';
31
32// 写文件方式落盘真图。
33async function savePicture(photoObj: camera.Photo, context: Context, showSaveToMediaLibrary: boolean = true): Promise<void> {
34  let filePath = `${context.filesDir}/${Date.now()}.jpg`;
35  let file = fileIo.openSync(filePath, fileIo.OpenMode.READ_WRITE | fileIo.OpenMode.CREATE);
36  let buffer: ArrayBuffer | undefined = undefined;
37  let component = await photoObj.main.getComponent(image.ComponentType.JPEG);
38  if (component === undefined) {
39    console.error('getComponent failed');
40    return;
41  }
42  if (component.byteBuffer) {
43    buffer = component.byteBuffer;
44  } else {
45    console.error('byteBuffer is null');
46    return;
47  }
48  if (buffer) {
49    fileIo.writeSync(file.fd, buffer);
50    if (showSaveToMediaLibrary) {
51      await saveToMediaLibrary(context, filePath, file.fd);
52    } else {
53      fileIo.closeSync(file.fd);
54    }
55  }
56}
57
58async function saveToMediaLibrary(context: Context, filePath: string, fd: number): Promise<void> {
59  let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context);
60  try {
61    let res = fileIo.accessSync(filePath);
62    if (res) {
63      await fileIo.unlink(filePath);
64    }
65    // 指定待保存到媒体库的位于应用沙箱的图片uri。
66    let srcFileUri = fileUri.getUriFromPath(filePath); // 获取资源的绝对路径
67    let srcFileUris: Array<string> = [
68      srcFileUri // 需要传入绝对路径
69    ];
70    // 指定待保存照片的创建选项,包括文件后缀和照片类型,标题和照片子类型可选。
71    let photoCreationConfigs: Array<photoAccessHelper.PhotoCreationConfig> = [
72      {
73        title: 'test', // 可选。
74        fileNameExtension: 'jpg',
75        photoType: photoAccessHelper.PhotoType.IMAGE,
76        subtype: photoAccessHelper.PhotoSubtype.DEFAULT, // 可选。
77      }
78    ];
79    // 基于弹窗授权的方式获取媒体库的目标uri。
80    let desFileUris: Array<string> = await phAccessHelper.showAssetsCreationDialog(srcFileUris, photoCreationConfigs);
81    // 将来源于应用沙箱的照片内容写入媒体库的目标uri。
82    let desFile: fileIo.File = await fileIo.open(desFileUris[0], fileIo.OpenMode.WRITE_ONLY);
83    await fileIo.copyFile(fd, desFile.fd);
84    fileIo.closeSync(fd);
85    fileIo.closeSync(desFile);
86    console.info('create asset by dialog successfully');
87  } catch (err) {
88    console.error(`failed to create asset by dialog successfully errCode is: ${err.code}, ${err.message}`);
89  }
90}
91
92// 调用媒体库方式落盘缩略图。
93async function saveDeferredPhoto(proxyObj: camera.DeferredPhotoProxy, context: Context): Promise<void> {
94  try {
95    // 创建 photoAsset。
96    let accessHelper = photoAccessHelper.getPhotoAccessHelper(context);
97    let testFileName = 'testFile' + Date.now() + '.jpg';
98    let photoAsset = await accessHelper.createAsset(testFileName);
99    // 将缩略图代理类传递给媒体库。
100    let mediaRequest: photoAccessHelper.MediaAssetChangeRequest = new photoAccessHelper.MediaAssetChangeRequest(photoAsset);
101    mediaRequest.addResource(photoAccessHelper.ResourceType.PHOTO_PROXY, proxyObj);
102    let res = await accessHelper.applyChanges(mediaRequest);
103    console.info('saveDeferredPhoto success.');
104  } catch (err) {
105    console.error(`Failed to saveDeferredPhoto. error: ${err}`);
106  }
107}
108
109async function deferredPhotoCase(context: Context, surfaceId: string): Promise<void> {
110  // 创建CameraManager对象。
111  let cameraManager: camera.CameraManager = camera.getCameraManager(context);
112  if (!cameraManager) {
113    console.error("camera.getCameraManager error");
114    return;
115  }
116  // 监听相机状态变化。
117  cameraManager.on('cameraStatus', (err: BusinessError, cameraStatusInfo: camera.CameraStatusInfo) => {
118    if (err !== undefined && err.code !== 0) {
119      console.error(`cameraStatus with errorCode: ${err.code}`);
120      return;
121    }
122    console.info(`camera : ${cameraStatusInfo.camera.cameraId}`);
123    console.info(`status: ${cameraStatusInfo.status}`);
124  });
125
126  // 获取相机列表。
127  let cameraArray: Array<camera.CameraDevice> = cameraManager.getSupportedCameras();
128  if (cameraArray.length <= 0) {
129    console.error("cameraManager.getSupportedCameras error");
130    return;
131  }
132
133  for (let index = 0; index < cameraArray.length; index++) {
134    console.info('cameraId : ' + cameraArray[index].cameraId);                          // 获取相机ID。
135    console.info('cameraPosition : ' + cameraArray[index].cameraPosition);              // 获取相机位置。
136    console.info('cameraType : ' + cameraArray[index].cameraType);                      // 获取相机类型。
137    console.info('connectionType : ' + cameraArray[index].connectionType);              // 获取相机连接类型。
138  }
139
140  // 创建相机输入流。
141  let cameraInput: camera.CameraInput | undefined = undefined;
142  try {
143    cameraInput = cameraManager.createCameraInput(cameraArray[0]);
144  } catch (error) {
145    let err = error as BusinessError;
146    console.error('Failed to createCameraInput errorCode = ' + err.code);
147  }
148  if (cameraInput === undefined) {
149    return;
150  }
151
152  // 监听cameraInput错误信息。
153  let cameraDevice: camera.CameraDevice = cameraArray[0];
154  cameraInput.on('error', cameraDevice, (error: BusinessError) => {
155    console.error(`Camera input error code: ${error.code}`);
156  })
157
158  // 打开相机。
159  await cameraInput.open();
160
161  // 获取支持的模式类型。
162  let sceneModes: Array<camera.SceneMode> = cameraManager.getSupportedSceneModes(cameraArray[0]);
163  let isSupportPhotoMode: boolean = sceneModes.indexOf(camera.SceneMode.NORMAL_PHOTO) >= 0;
164  if (!isSupportPhotoMode) {
165    console.error('photo mode not support');
166    return;
167  }
168  // 获取相机设备支持的输出流能力。
169  let cameraOutputCap: camera.CameraOutputCapability = cameraManager.getSupportedOutputCapability(cameraArray[0], camera.SceneMode.NORMAL_PHOTO);
170  if (!cameraOutputCap) {
171    console.error("cameraManager.getSupportedOutputCapability error");
172    return;
173  }
174  console.info("outputCapability: " + JSON.stringify(cameraOutputCap));
175
176  let previewProfilesArray: Array<camera.Profile> = cameraOutputCap.previewProfiles;
177  if (!previewProfilesArray) {
178    console.error("createOutput previewProfilesArray == null || undefined");
179  }
180
181  let photoProfilesArray: Array<camera.Profile> = cameraOutputCap.photoProfiles;
182  if (!photoProfilesArray) {
183    console.error("createOutput photoProfilesArray == null || undefined");
184  }
185
186  // 创建预览输出流,其中参数 surfaceId 参考上文 XComponent 组件,预览流为XComponent组件提供的surface。
187  let previewOutput: camera.PreviewOutput | undefined = undefined;
188  try {
189    previewOutput = cameraManager.createPreviewOutput(previewProfilesArray[0], surfaceId);
190  } catch (error) {
191    let err = error as BusinessError;
192    console.error(`Failed to create the PreviewOutput instance. error code: ${err.code}`);
193  }
194  if (previewOutput === undefined) {
195    return;
196  }
197  // 监听预览输出错误信息。
198  previewOutput.on('error', (error: BusinessError) => {
199    console.error(`Preview output error code: ${error.code}`);
200  });
201  // 创建拍照输出流。
202  let photoOutput: camera.PhotoOutput | undefined = undefined;
203  try {
204    photoOutput = cameraManager.createPhotoOutput(photoProfilesArray[0]);
205  } catch (error) {
206    let err = error as BusinessError;
207    console.error('Failed to createPhotoOutput errorCode = ' + err.code);
208  }
209  if (photoOutput === undefined) {
210    return;
211  }
212  //创建会话。
213  let photoSession: camera.PhotoSession | undefined = undefined;
214  try {
215    photoSession = cameraManager.createSession(camera.SceneMode.NORMAL_PHOTO) as camera.PhotoSession;
216  } catch (error) {
217    let err = error as BusinessError;
218    console.error('Failed to create the photoSession instance. errorCode = ' + err.code);
219  }
220  if (photoSession === undefined) {
221    return;
222  }
223  // 监听session错误信息。
224  photoSession.on('error', (error: BusinessError) => {
225    console.error(`Capture session error code: ${error.code}`);
226  });
227
228  // 开始配置会话。
229  try {
230    photoSession.beginConfig();
231  } catch (error) {
232    let err = error as BusinessError;
233    console.error('Failed to beginConfig. errorCode = ' + err.code);
234  }
235
236  // 向会话中添加相机输入流。
237  try {
238    photoSession.addInput(cameraInput);
239  } catch (error) {
240    let err = error as BusinessError;
241    console.error('Failed to addInput. errorCode = ' + err.code);
242  }
243
244  // 向会话中添加预览输出流。
245  try {
246    photoSession.addOutput(previewOutput);
247  } catch (error) {
248    let err = error as BusinessError;
249    console.error('Failed to addOutput(previewOutput). errorCode = ' + err.code);
250  }
251
252  // 向会话中添加拍照输出流。
253  try {
254    photoSession.addOutput(photoOutput);
255  } catch (error) {
256    let err = error as BusinessError;
257    console.error('Failed to addOutput(photoOutput). errorCode = ' + err.code);
258  }
259
260  // 注册原图回调监听。
261  photoOutput.on('photoAvailable', (err: BusinessError, photoObj: camera.Photo): void => {
262    if (err) {
263      console.error(`photoAvailable error: ${err}.`);
264      return;
265    }
266    savePicture(photoObj, context).then(() => {
267      // 落盘完成后,释放photo对象。
268      photoObj.release();
269    });
270  });
271
272  // 注册分段式缩略图代理回调监听。
273  photoOutput.on('deferredPhotoProxyAvailable', (err: BusinessError, proxyObj: camera.DeferredPhotoProxy): void => {
274    if (err) {
275      console.error(`deferredPhotoProxyAvailable error: ${err}.`);
276      return;
277    }
278    console.info('photoOutPutCallBack deferredPhotoProxyAvailable');
279    // 获取缩略图 pixelMap。
280    proxyObj.getThumbnail().then((thumbnail: image.PixelMap) => {
281      AppStorage.setOrCreate('proxyThumbnail', thumbnail);
282    });
283    // 调用媒体库接口落盘缩略图。
284    saveDeferredPhoto(proxyObj, context).then(() => {
285      // 落盘完成后,释放代理类对象。
286      proxyObj.release();
287    });
288  });
289
290  // 判断是否支持分段式拍照能力。
291  let isSupportDeferred: boolean = photoOutput.isDeferredImageDeliverySupported(camera.DeferredDeliveryImageType.PHOTO);
292  console.info('isDeferredImageDeliverySupported res:' + isSupportDeferred);
293  if (isSupportDeferred) {
294    // 使能分段式拍照。
295	photoOutput.deferImageDelivery(camera.DeferredDeliveryImageType.PHOTO);
296    // 查询使能分段式结果。
297    let isSupportEnabled: boolean = photoOutput.isDeferredImageDeliveryEnabled(camera.DeferredDeliveryImageType.PHOTO);
298    console.info('isDeferredImageDeliveryEnabled res:' + isSupportEnabled);
299  }
300
301  // 提交会话配置。
302  await photoSession.commitConfig();
303
304  // 启动会话。
305  await photoSession.start().then(() => {
306    console.info('Promise returned to indicate the session start success.');
307  });
308  // 判断设备是否支持闪光灯。
309  let flashStatus: boolean = false;
310  try {
311    flashStatus = photoSession.hasFlash();
312  } catch (error) {
313    let err = error as BusinessError;
314    console.error('Failed to hasFlash. errorCode = ' + err.code);
315  }
316  console.info('Returned with the flash light support status:' + flashStatus);
317
318  if (flashStatus) {
319    // 判断是否支持自动闪光灯模式。
320    let flashModeStatus: boolean = false;
321    try {
322      let status: boolean = photoSession.isFlashModeSupported(camera.FlashMode.FLASH_MODE_AUTO);
323      flashModeStatus = status;
324    } catch (error) {
325      let err = error as BusinessError;
326      console.error('Failed to check whether the flash mode is supported. errorCode = ' + err.code);
327    }
328    if(flashModeStatus) {
329      // 设置自动闪光灯模式。
330      try {
331        photoSession.setFlashMode(camera.FlashMode.FLASH_MODE_AUTO);
332      } catch (error) {
333        let err = error as BusinessError;
334        console.error('Failed to set the flash mode. errorCode = ' + err.code);
335      }
336    }
337  }
338
339  // 判断是否支持连续自动变焦模式。
340  let focusModeStatus: boolean = false;
341  try {
342    let status: boolean = photoSession.isFocusModeSupported(camera.FocusMode.FOCUS_MODE_CONTINUOUS_AUTO);
343    focusModeStatus = status;
344  } catch (error) {
345    let err = error as BusinessError;
346    console.error('Failed to check whether the focus mode is supported. errorCode = ' + err.code);
347  }
348
349  if (focusModeStatus) {
350    // 设置连续自动变焦模式。
351    try {
352      photoSession.setFocusMode(camera.FocusMode.FOCUS_MODE_CONTINUOUS_AUTO);
353    } catch (error) {
354      let err = error as BusinessError;
355      console.error('Failed to set the focus mode. errorCode = ' + err.code);
356    }
357  }
358
359  // 获取相机支持的可变焦距比范围。
360  let zoomRatioRange: Array<number> = [];
361  try {
362    zoomRatioRange = photoSession.getZoomRatioRange();
363  } catch (error) {
364    let err = error as BusinessError;
365    console.error('Failed to get the zoom ratio range. errorCode = ' + err.code);
366  }
367  if (zoomRatioRange.length <= 0) {
368    return;
369  }
370  // 设置可变焦距比。
371  try {
372    photoSession.setZoomRatio(zoomRatioRange[0]);
373  } catch (error) {
374    let err = error as BusinessError;
375    console.error('Failed to set the zoom ratio value. errorCode = ' + err.code);
376  }
377  let photoCaptureSetting: camera.PhotoCaptureSetting = {
378    quality: camera.QualityLevel.QUALITY_LEVEL_HIGH, // 设置图片质量高。
379    rotation: camera.ImageRotation.ROTATION_0 // 设置图片旋转角度0。
380  }
381  // 使用当前拍照设置进行拍照。
382  photoOutput.capture(photoCaptureSetting, (err: BusinessError) => {
383    if (err) {
384      console.error(`Failed to capture the photo ${err.message}`);
385      return;
386    }
387    console.info('Callback invoked to indicate the photo capture request success.');
388  });
389
390  // 需要在拍照结束之后调用以下关闭相机和释放会话流程,避免拍照未结束就将会话释放。
391  // 停止当前会话。
392  await photoSession.stop();
393
394  // 释放相机输入流。
395  await cameraInput.close();
396
397  // 释放预览输出流。
398  await previewOutput.release();
399
400  // 释放拍照输出流。
401  await photoOutput.release();
402
403  // 释放会话。
404  await photoSession.release();
405
406  // 会话置空。
407  photoSession = undefined;
408}
409```