首页 > 其他分享 >鸿蒙HarmonyOS开发:相机拍照(ArkTS)

鸿蒙HarmonyOS开发:相机拍照(ArkTS)

时间:2024-11-25 15:31:22浏览次数:7  
标签:ArkTS console 鸿蒙 err 拍照 HarmonyOS camera error photoOutput

鸿蒙NEXT开发实战往期必看文章:

一分钟了解”纯血版!鸿蒙HarmonyOS Next应用开发!

“非常详细的” 鸿蒙HarmonyOS Next应用开发学习路线!(从零基础入门到精通)

HarmonyOS NEXT应用开发案例实践总结合(持续更新......)

HarmonyOS NEXT应用开发性能优化实践总结(持续更新......)


拍照是相机的最重要功能之一,拍照模块基于相机复杂的逻辑,为了保证用户拍出的照片质量,在中间步骤可以设置分辨率、闪光灯、焦距、照片质量及旋转角度等信息。

开发步骤

详细的API说明请参考Camera API参考

  1. 导入image接口。创建拍照输出流的SurfaceId以及拍照输出的数据,都需要用到系统提供的image接口能力,导入image接口的方法如下。

    import { image } from '@kit.ImageKit';
    import { camera } from '@kit.CameraKit';
    import { fileIo as fs } from '@kit.CoreFileKit';
    import { photoAccessHelper } from '@kit.MediaLibraryKit';
    import { BusinessError } from '@kit.BasicServicesKit';
  2. 创建拍照输出流。

    通过CameraOutputCapability类中的photoProfiles属性,可获取当前设备支持的拍照输出流,通过createPhotoOutput方法传入支持的某一个输出流及步骤一获取的SurfaceId创建拍照输出流。

    function getPhotoOutput(cameraManager: camera.CameraManager, cameraOutputCapability: camera.CameraOutputCapability): camera.PhotoOutput | undefined {
      let photoProfilesArray: Array<camera.Profile> = cameraOutputCapability.photoProfiles;
      if (!photoProfilesArray) {
        console.error("createOutput photoProfilesArray == null || undefined");
      }
      let photoOutput: camera.PhotoOutput | undefined = undefined;
      try {
        photoOutput = cameraManager.createPhotoOutput(photoProfilesArray[0]);
      } catch (error) {
        let err = error as BusinessError;
        console.error(`Failed to createPhotoOutput. error: ${JSON.stringify(err)}`);
      }
      return photoOutput;
    }
  3. 设置拍照photoAvailable的回调,并将拍照的buffer保存为图片。

    Context获取方式请参考:获取UIAbility的上下文信息

    如需要在图库中看到所保存的图片、视频资源,需要将其保存到媒体库,保存方式请参考:保存媒体库资源

    需要在photoOutput.on('photoAvailable')接口获取到buffer时,将buffer在安全控件中保存到媒体库。

    let context = getContext(this);
    
    function setPhotoOutputCb(photoOutput: camera.PhotoOutput) {
    //设置回调之后,调用photoOutput的capture方法,就会将拍照的buffer回传到回调中
      photoOutput.on('photoAvailable', (errCode: BusinessError, photo: camera.Photo): void => {
         console.info('getPhoto start');
         console.info(`err: ${JSON.stringify(errCode)}`);
         if (errCode || photo === undefined) {
           console.error('getPhoto failed');
           return;
         }
         let imageObj: image.Image = photo.main;
         imageObj.getComponent(image.ComponentType.JPEG, (errCode: BusinessError, component: image.Component): void => {
           console.info('getComponent start');
           if (errCode || component === undefined) {
             console.error('getComponent failed');
             return;
           }
           let buffer: ArrayBuffer;
           if (component.byteBuffer) {
             buffer = component.byteBuffer;
           } else {
             console.error('byteBuffer is null');
             return;
           }
           // 如需要在图库中看到所保存的图片、视频资源,请使用用户无感的安全控件创建媒体资源。
    
           // buffer处理结束后需要释放该资源,如果未正确释放资源会导致后续拍照获取不到buffer
           imageObj.release(); 
         });
       });
    }
  4. 参数配置。

    配置相机的参数可以调整拍照的一些功能,包括闪光灯、变焦、焦距等。

    function configuringSession(photoSession: camera.PhotoSession): void {
      // 判断设备是否支持闪光灯
      let flashStatus: boolean = false;
      try {
        flashStatus = photoSession.hasFlash();
      } catch (error) {
        let err = error as BusinessError;
        console.error(`Failed to hasFlash. error: ${JSON.stringify(err)}`);
      }
      console.info(`Returned with the flash light support status: ${flashStatus}`);
      if (flashStatus) {
        // 判断是否支持自动闪光灯模式
        let flashModeStatus: boolean = false;
        try {
          let status: boolean = photoSession.isFlashModeSupported(camera.FlashMode.FLASH_MODE_AUTO);
          flashModeStatus = status;
        } catch (error) {
          let err = error as BusinessError;
          console.error(`Failed to check whether the flash mode is supported. error: ${JSON.stringify(err)}`);
        }
        if (flashModeStatus) {
          // 设置自动闪光灯模式
          try {
            photoSession.setFlashMode(camera.FlashMode.FLASH_MODE_AUTO);
          } catch (error) {
            let err = error as BusinessError;
            console.error(`Failed to set the flash mode. error: ${JSON.stringify(err)}`);
          }
        }
      }
      // 判断是否支持连续自动变焦模式
      let focusModeStatus: boolean = false;
      try {
        let status: boolean = photoSession.isFocusModeSupported(camera.FocusMode.FOCUS_MODE_CONTINUOUS_AUTO);
        focusModeStatus = status;
      } catch (error) {
        let err = error as BusinessError;
        console.error(`Failed to check whether the focus mode is supported. error: ${JSON.stringify(err)}`);
      }
      if (focusModeStatus) {
        // 设置连续自动变焦模式
        try {
          photoSession.setFocusMode(camera.FocusMode.FOCUS_MODE_CONTINUOUS_AUTO);
        } catch (error) {
          let err = error as BusinessError;
          console.error(`Failed to set the focus mode. error: ${JSON.stringify(err)}`);
        }
      }
      // 获取相机支持的可变焦距比范围
      let zoomRatioRange: Array<number> = [];
      try {
        zoomRatioRange = photoSession.getZoomRatioRange();
      } catch (error) {
        let err = error as BusinessError;
        console.error(`Failed to get the zoom ratio range. error: ${JSON.stringify(err)}`);
      }
      if (zoomRatioRange.length <= 0 ) {
        return;
      }
      // 设置可变焦距比
      try {
        photoSession.setZoomRatio(zoomRatioRange[0]);
      } catch (error) {
        let err = error as BusinessError;
        console.error(`Failed to set the zoom ratio value. error: ${JSON.stringify(err)}`);
      }
    }
  5. 触发拍照。

    通过photoOutput类的capture方法,执行拍照任务。该方法有两个参数,第一个参数为拍照设置参数的setting,setting中可以设置照片的质量和旋转角度,第二参数为回调函数。

    获取拍照旋转角度的方法为,通过通过PhotoOutput类中的getPhotoRotation方法获取rotation实际的值

    function capture(captureLocation: camera.Location, photoOutput: camera.PhotoOutput): void {
      let settings: camera.PhotoCaptureSetting = {
        quality: camera.QualityLevel.QUALITY_LEVEL_HIGH,  // 设置图片质量高
        rotation: camera.ImageRotation.ROTATION_0,  // 设置图片旋转角度的camera.ImageRotation.ROTATION_0是通过说明中获取拍照角度的getPhotoRotation方法获取的值进行设置
        location: captureLocation,  // 设置图片地理位置
        mirror: false  // 设置镜像使能开关(默认关)
      };
      photoOutput.capture(settings, (err: BusinessError) => {
        if (err) {
          console.error(`Failed to capture the photo. error: ${JSON.stringify(err)}`);
          return;
        }
        console.info('Callback invoked to indicate the photo capture request success.');
      });
    }

状态监听

在相机应用开发过程中,可以随时监听拍照输出流状态,包括拍照流开始、拍照帧的开始与结束、拍照输出流的错误。

  • 通过注册固定的captureStart回调函数获取监听拍照开始结果,photoOutput创建成功时即可监听,相机设备已经准备开始这次拍照时触发,该事件返回此次拍照的captureId。

    function onPhotoOutputCaptureStart(photoOutput: camera.PhotoOutput): void {
      photoOutput.on('captureStartWithInfo', (err: BusinessError, captureStartInfo: camera.CaptureStartInfo) => {
        if (err !== undefined && err.code !== 0) {
          return;
        }
        console.info(`photo capture started, captureId : ${captureStartInfo.captureId}`);
      });
    }
  • 通过注册固定的captureEnd回调函数获取监听拍照结束结果,photoOutput创建成功时即可监听,该事件返回结果为拍照完全结束后的相关信息CaptureEndInfo

    function onPhotoOutputCaptureEnd(photoOutput: camera.PhotoOutput): void {
      photoOutput.on('captureEnd', (err: BusinessError, captureEndInfo: camera.CaptureEndInfo) => {
        if (err !== undefined && err.code !== 0) {
          return;
        }
        console.info(`photo capture end, captureId : ${captureEndInfo.captureId}`);
        console.info(`frameCount : ${captureEndInfo.frameCount}`);
      });
    }
  • 通过注册固定的captureReady回调函数获取监听可拍下一张结果,photoOutput创建成功时即可监听,当下一张可拍时触发,该事件返回结果为下一张可拍的相关信息。

    function onPhotoOutputCaptureReady(photoOutput: camera.PhotoOutput): void {
      photoOutput.on('captureReady', (err: BusinessError) => {
        if (err !== undefined && err.code !== 0) {
          return;
        }
        console.info(`photo capture ready`);
      });
    }
  • 通过注册固定的error回调函数获取监听拍照输出流的错误结果。回调返回拍照输出接口使用错误时的对应错误码,错误码类型参见Camera错误码

    function onPhotoOutputError(photoOutput: camera.PhotoOutput): void {
      photoOutput.on('error', (error: BusinessError) => {
        console.error(`Photo output error code: ${error.code}`);
      });
    }

标签:ArkTS,console,鸿蒙,err,拍照,HarmonyOS,camera,error,photoOutput
From: https://blog.csdn.net/wqad23256/article/details/144028725

相关文章

  • ArkTS四种渲染控制能力
    大家好,我是V哥。ArkTS是OpenHarmony框架的一部分,提供了声明式UI渲染的能力。下面来对ArkTS中四种渲染控制能力:if/else、ForEach、LazyForEach和ContentSlot详细介绍一下:1.if/else渲染控制if/else是ArkTS提供的基本逻辑控制语法,用于基于条件动态控制组件的渲染......
  • 【FAQ】Harmo【FAQ】HarmonyOS SDK 闭源开放能力 — 公共模块
    1.问题描述:文档哪里能找到所有的权限查看该权限是用户级的还是系统级的。解决方案:您好,可以看一下下方链接是否可以解决问题:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/permissions-for-all-V5https://developer.huawei.com/consumer/cn/doc/harmonyo......
  • 鸿蒙学习统一上架与多端分发-快速上架(1)
    文章目录1快速上架1.1证书颁发1.2统一上架1.3上架审核HUAWEIAppGalleryConnect为开发者提供全球化、全场景一站式应用分发能力,并为开发者提供质量、安全、工程管理等领域的能力,大幅降低应用开发与运维难度,提升版本质量,帮助开发者获得用户并实现收......
  • HarmonyOs DevEco Studio小技巧34--鸿蒙应用架构设计 MVVM模式与三层架构、工程目录迁
    MVVM模式ArkUI采取MVVM=Model+View+ViewModel模式,其中状态管理模块起到的就是ViewModel的作用,将数据与视图绑定在一起,更新数据的时候直接更新视图。在MVVM模式中:Model(模型):model文件夹用于存储数据模型。它表示组件或其他相关业务逻辑之间传输的数据,是对原始数据的......
  • HarmonyOS Next 构建企业级数据安全管理平台实战
    本文旨在深入探讨华为鸿蒙HarmonyOSNext系统(截止目前API12)在构建企业级数据安全管理平台方面的技术细节,基于实际开发实践进行总结。主要作为技术分享与交流载体,难免错漏,欢迎各位同仁提出宝贵意见和问题,以便共同进步。本文为原创内容,任何形式的转载必须注明出处及原作者。一......
  • HarmonyOS Next 企业数据安全生态构建与展望
    本文旨在深入探讨华为鸿蒙HarmonyOSNext系统(截止目前API12)在企业数据安全生态构建方面的技术细节,基于实际开发实践进行总结。主要作为技术分享与交流载体,难免错漏,欢迎各位同仁提出宝贵意见和问题,以便共同进步。本文为原创内容,任何形式的转载必须注明出处及原作者。一、安全......
  • HarmonyOS Next 企业数据安全与物联网融合实践
    本文旨在深入探讨华为鸿蒙HarmonyOSNext系统(截止目前API12)在企业数据安全与物联网融合方面的技术细节,基于实际开发实践进行总结。主要作为技术分享与交流载体,难免错漏,欢迎各位同仁提出宝贵意见和问题,以便共同进步。本文为原创内容,任何形式的转载必须注明出处及原作者。一、......
  • 鸿蒙NEXT开发案例:二维码的生成与识别
    【引言】在本篇文章中,我们将探讨如何在鸿蒙NEXT平台上实现二维码的生成与识别功能。通过使用ArkUI组件库和相关的媒体库,我们将创建一个简单的应用程序,用户可以生成二维码并扫描识别。【环境准备】•操作系统:Windows10•开发工具:DevEcoStudioNEXTBeta1BuildVersion:5......
  • 鸿蒙NEXT开发案例:随机密码生成
    【引言】本案例将实现一个随机密码生成器。用户可以自定义密码的长度以及包含的字符类型(大写字母、小写字母、数字、特殊字符),最后通过点击按钮生成密码,并提供一键复制功能。【环境准备】•操作系统:Windows10•开发工具:DevEcoStudioNEXTBeta1BuildVersion:5.0.3.806......
  • 原生鸿蒙中的RN日志系统
    一、创作背景在上一篇博客中,我分享了在原生鸿蒙中,进行RN的热加载,以达到修改RN代码后不需要重新打包,即可实时调试的效果。本次我将分享一下RN的日志系统,以及对js中线上bug的监听,希望能对大家有所帮助。二、多种多样的日志查看方式1、系统自带logbox错误日志集成系统自带logbo......