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 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```