鸿蒙HarmonyOS相机的基本使用实战

开发 前端 OpenHarmony
相机配置主要是设置预览、拍照、录像所需要用到的Surface(ohos.agp.graphics.Surface),没有配置过Surface,相应的功能不能使用。

[[409325]]

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

相机开发流程


相机权限申请

config.json

  1. "reqPermissions": [ 
  2.   {"name""ohos.permission.CAMERA" }, 
  3.   { "name""ohos.permission.WRITE_MEDIA"}, 
  4.   {"name""ohos.permission.MICROPHONE"}, 
  5.   { "name""ohos.permission.MEDIA_LOCATION"

MainAbility

  1. @Override 
  2. public void onStart(Intent intent) { 
  3.     super.onStart(intent); 
  4.     super.setMainRoute(MainAbilitySlice.class.getName()); 
  5.     requestPermissions(); 
  6.  
  7. private void requestPermissions() { 
  8.     String[] permissions = { 
  9.             SystemPermission.CAMERA, 
  10.             SystemPermission.MICROPHONE, 
  11.             SystemPermission.MEDIA_LOCATION, 
  12.             SystemPermission.WRITE_MEDIA 
  13.     }; 
  14.     List<String> permissionFiltered = Arrays.stream(permissions) 
  15.             .filter(permission -> verifySelfPermission(permission) != IBundleManager.PERMISSION_GRANTED) 
  16.             .collect(Collectors.toList()); 
  17.     requestPermissionsFromUser(permissionFiltered.toArray(new String[permissionFiltered.size()]), 0); 
  18.  
  19. @Override 
  20. public void onRequestPermissionsFromUserResult(int requestCode, String[] permissions, int[] grantResults) { 
  21.     if (permissions == null || permissions.length == 0 || grantResults == null || grantResults.length == 0) { 
  22.         return
  23.     } 
  24.     for (int grantResult : grantResults) { 
  25.         if (grantResult != IBundleManager.PERMISSION_GRANTED) { 
  26.             terminateAbility(); 
  27.             break; 
  28.         } 
  29.     } 

相机设备创建

布局文件上添加按钮:

  1. <Button 
  2.     ohos:id="$+id:create_camera_btn" 
  3.     ohos:height="match_content" 
  4.     ohos:width="300vp" 
  5.     ohos:text="创建相机并配置" 
  6.     ohos:text_size="20fp" 
  7.     ohos:text_color="#ffffff" 
  8.     ohos:background_element="#0000ff" 
  9.     ohos:layout_alignment="horizontal_center" 
  10.     ohos:top_padding="8vp" 
  11.     ohos:bottom_padding="8vp" 
  12.     ohos:left_padding="40vp" 
  13.     ohos:right_padding="40vp" 
  14.     ohos:top_margin="20vp" 
  15.     /> 

按钮的逻辑代码:

  1. private void createCameraBtnFunc(Component component) { 
  2.     //openCamera(); //先测试创建相机 
  3.     initSurface(); //创建surface,里面包含的openCamera() 
  4.  
  5. private void openCamera(){ 
  6.     System.out.println("createCameraBtnFunc start..."); 
  7.     CameraKit cameraKit = CameraKit.getInstance(getContext()); 
  8.     if(cameraKit == null){ 
  9.         System.out.println("cameraKit create error!"); 
  10.     } 
  11.     System.out.println("cameraKit create success!"+cameraKit); 
  12.     try { 
  13.         // 获取当前设备的逻辑相机列表 
  14.         String[] cameraIds = cameraKit.getCameraIds(); 
  15.         if (cameraIds.length <= 0) { 
  16.             System.out.println("cameraIds size is 0"); 
  17.         } 
  18.         System.out.println("逻辑相机ids:" + Arrays.toString(cameraIds)); 
  19.         //第一个参数cameraId 
  20.         //第二和第三个参数负责相机创建和相机运行时的数据和状态检测 
  21.         cameraKit.createCamera(cameraIds[0], new CameraStateCallbackImpl(), new EventHandler(EventRunner.create("CameraCb"))); 
  22.     } catch (IllegalStateException e) { 
  23.         // 处理异常 
  24.     } 
  25.  
  26. private class CameraStateCallbackImpl extends CameraStateCallback { 
  27.     @Override 
  28.     public void onCreated(Camera camera) { 
  29.         //创建相机成功的时候回调 
  30.     } 
  31.  
  32.     @Override 
  33.     public void onConfigured(Camera camera) { 
  34.  
  35.     } 

至此,相机设备的创建已经完成,执行成功意味着相机系统的硬件已经完成了上电。创建相机设备成功后,在CameraStateCallback中会触发onCreated(Camera camera)回调,并且带回Camera对象,用于执行相机设备的操作。当一个新的相机设备成功创建后,首先需要对相机进行配置,调用configure(CameraConfig)方法实现配置。

相机设备配置

相机配置主要是设置预览、拍照、录像所需要用到的Surface(ohos.agp.graphics.Surface),没有配置过Surface,相应的功能不能使用。为了进行相机帧捕获结果的数据和状态检测,有时还需要在相机配置时调用setFrameStateCallback(FrameStateCallback, EventHandler)方法设置帧回调。相机配置成功后,在CameraStateCallback中会触发onConfigured(Camera camera)回调,然后才可以执行相机帧捕获相关的操作。

相机配置,布局文件上加一个布局:

  1. <DirectionalLayout 
  2.     ohos:id="$+id:surface_container" 
  3.     ohos:height="400vp" 
  4.     ohos:width="match_parent"/> 

逻辑代码:

  1. private SurfaceProvider surfaceProvider; 
  2. private DirectionalLayout surfaceContainer; //定义在最前面 
  3. private void initSurface() { 
  4.     getWindow().setTransparent(true); 
  5.     DirectionalLayout.LayoutConfig params = new DirectionalLayout.LayoutConfig( 
  6.             ComponentContainer.LayoutConfig.MATCH_PARENT, ComponentContainer.LayoutConfig.MATCH_PARENT); 
  7.     surfaceProvider = new SurfaceProvider(this); 
  8.     surfaceProvider.setLayoutConfig(params); 
  9.     surfaceProvider.pinToZTop(false); 
  10.     surfaceProvider.getSurfaceOps().get().addCallback(new SurfaceCallBack()); 
  11.     surfaceContainer.addComponent(surfaceProvider); 
  12.  
  13. private class SurfaceCallBack implements SurfaceOps.Callback { 
  14.     @Override 
  15.     public void surfaceCreated(SurfaceOps callbackSurfaceOps) { 
  16.         //surfaceCreated后可以创建相机对象, 按钮上点击后执行initSurface(); 
  17.         openCamera(); 
  18.     } 
  19.     @Override 
  20.     public void surfaceChanged(SurfaceOps callbackSurfaceOps, int format, int width, int height) { 
  21.     } 
  22.     @Override 
  23.     public void surfaceDestroyed(SurfaceOps callbackSurfaceOps) { 
  24.     } 
  25.   
  26.  
  27.  
  28.  
  29. //在上面的CameraStateCallbackImpl的onCreated方法中添加代码 
  30. private Camera cameraDevice; 
  31. private Surface previewSurface; 
  32. private CameraConfig.Builder cameraConfigBuilder; //放前面 
  33. private final class CameraStateCallbackImpl extends CameraStateCallback { 
  34.     @Override 
  35.     public void onCreated(Camera camera) { 
  36.         //创建相机成功的时候回调 
  37.         cameraDevice = camera; 
  38.         previewSurface = surfaceProvider.getSurfaceOps().get().getSurface(); 
  39.         cameraConfigBuilder = camera.getCameraConfigBuilder(); 
  40.         if (cameraConfigBuilder == null) { 
  41.             System.out.println("onCreated cameraConfigBuilder is null"); 
  42.             return
  43.         } 
  44.         // 配置预览的Surface 
  45.         cameraConfigBuilder.addSurface(previewSurface); 
  46.          
  47.         // 配置帧结果的回调 
  48.         cameraConfigBuilder.setFrameStateCallback(frameStateCallbackImpl, new EventHandler(EventRunner.create())); 
  49.         try { 
  50.             // 相机设备配置 
  51.             camera.configure(cameraConfigBuilder.build()); 
  52.         } catch (IllegalArgumentException e) { 
  53.             System.out.println("Argument Exception"); 
  54.         } catch (IllegalStateException e) { 
  55.             System.out.println("State Exception"); 
  56.         } 
  57.     } 
  58.  
  59. private FrameStateCallback frameStateCallbackImpl = new FrameStateCallback(){ 
  60.     //....更具需要实现接口里的方法 
  61. }; 

配置完成后,会回调public void onConfigured(Camera camera)方法,在这个方法里铺货相机拍摄的帧。

相机帧捕获

用户一般都是先看见预览画面才执行拍照或者其他功能,所以对于一个普通的相机应用,预览是必不可少的。通过getFrameConfigBuilder(FRAME_CONFIG_PREVIEW)方法获取预览配置模板,更多的帧配置项以及详细使用方法请参考API接口说明的FrameConfig.Builder部分。

通过triggerLoopingCapture(FrameConfig)方法实现循环帧捕获实现预览:

  1. //在CameraStateCallbackImpl的onConfigured添加代码 
  2. private FrameConfig.Builder frameConfigBuilder; 
  3. private FrameConfig previewFrameConfig; 
  4. private final class CameraStateCallbackImpl extends CameraStateCallback { 
  5.     @Override 
  6.     public void onConfigured(Camera camera) { 
  7.         //配置成功的时候回调 
  8.         // 获取预览配置模板 
  9.         frameConfigBuilder = camera.getFrameConfigBuilder(Camera.FrameConfigType.FRAME_CONFIG_PREVIEW); 
  10.         // 配置预览Surface 
  11.         frameConfigBuilder.addSurface(previewSurface); 
  12.         previewFrameConfig = frameConfigBuilder.build(); 
  13.         try { 
  14.             // 启动循环帧捕获 
  15.             int triggerId = camera.triggerLoopingCapture(previewFrameConfig); 
  16.         } catch (IllegalArgumentException e) { 
  17.             System.out.println("Argument Exception"); 
  18.         } catch (IllegalStateException e) { 
  19.             System.out.println("State Exception"); 
  20.         } 
  21.     } 

经过以上的操作,相机应用已经可以正常进行实时预览了。在预览状态下,开发者还可以执行其他操作,比如:当预览帧配置更改时,可以通过triggerLoopingCapture(FrameConfig)方法实现预览帧配置的更新。

  1. <Button 
  2.     ohos:id="$+id:change_camera_config_btn" 
  3.     ohos:height="match_content" 
  4.     ohos:width="300vp" 
  5.     ohos:text="改变相机焦距配置" 
  6.     ohos:text_size="20fp" 
  7.     ohos:text_color="#ffffff" 
  8.     ohos:background_element="#0000ff" 
  9.     ohos:layout_alignment="horizontal_center" 
  10.     ohos:top_padding="8vp" 
  11.     ohos:bottom_padding="8vp" 
  12.     ohos:left_padding="40vp" 
  13.     ohos:right_padding="40vp" 
  14.     ohos:top_margin="20vp" 
  15.     /> 
  1. //改变相机焦距配置 
  2. private void changeCameraConfigBtnFunc(Component component) { 
  3.     // 预览帧变焦值变更 
  4.     frameConfigBuilder.setZoom(1.5f); 
  5.     // 调用triggerLoopingCapture方法实现预览帧配置更新 
  6.     cameraDevice.triggerLoopingCapture(frameConfigBuilder.build()); 

通过stopLoopingCapture()方法停止循环帧捕获(停止预览)。

  1. <Button 
  2.     ohos:id="$+id:stop_camera_preview_btn" 
  3.     ohos:height="match_content" 
  4.     ohos:width="300vp" 
  5.     ohos:text="停止相机预览" 
  6.     ohos:text_size="20fp" 
  7.     ohos:text_color="#ffffff" 
  8.     ohos:background_element="#0000ff" 
  9.     ohos:layout_alignment="horizontal_center" 
  10.     ohos:top_padding="8vp" 
  11.     ohos:bottom_padding="8vp" 
  12.     ohos:left_padding="40vp" 
  13.     ohos:right_padding="40vp" 
  14.     ohos:top_margin="20vp" 
  15.     /> 
  1. //停止相机预览 
  2. private void stopCameraBtnFunc(Component component) { 
  3.     // 停止预览帧捕获 
  4.     cameraDevice.stopLoopingCapture(); 

到这里相机的基本用户流程,基本搞清楚,使用相机最后一步就是释放了。

  1. <Button 
  2.     ohos:id="$+id:release_camera_btn" 
  3.     ohos:height="match_content" 
  4.     ohos:width="300vp" 
  5.     ohos:text="释放相机" 
  6.     ohos:text_size="20fp" 
  7.     ohos:text_color="#ffffff" 
  8.     ohos:background_element="#0000ff" 
  9.     ohos:layout_alignment="horizontal_center" 
  10.     ohos:top_padding="8vp" 
  11.     ohos:bottom_padding="8vp" 
  12.     ohos:left_padding="40vp" 
  13.     ohos:right_padding="40vp" 
  14.     ohos:top_margin="20vp" 
  15.     /> 
  1. private void releaseCameraBtnFunc(Component component) { 
  2.     if (cameraDevice != null) { 
  3.         // 关闭相机和释放资源 
  4.         cameraDevice.release(); 
  5.         cameraDevice = null
  6.     } 
  7.     // 预览配置模板置空 
  8.     previewFrameConfig = null

最后的效果:

想了解更多内容,请访问:

51CTO和华为官方合作共建的鸿蒙技术社区

https://harmonyos.51cto.com

 

责任编辑:jianghua 来源: 鸿蒙社区
相关推荐

2021-09-13 15:17:28

鸿蒙HarmonyOS应用

2021-09-06 15:31:01

鸿蒙HarmonyOS应用

2021-09-27 10:43:18

鸿蒙HarmonyOS应用

2021-09-27 14:44:48

鸿蒙HarmonyOS应用

2021-01-11 11:04:49

鸿蒙HarmonyOS应用开发

2022-08-09 16:01:24

应用开发鸿蒙

2021-07-14 05:55:12

鸿蒙HarmonyOS应用

2020-11-05 10:05:25

App

2024-07-26 16:17:22

2021-06-25 15:04:31

鸿蒙HarmonyOS应用

2020-11-10 10:00:10

HarmonyOS

2020-11-11 11:56:05

HarmonyOS

2020-11-20 13:53:40

hi3518

2020-11-24 11:58:19

HarmonyOS

2021-01-04 11:44:05

鸿蒙HarmonyOSAbilitySlic

2021-09-02 15:29:42

鸿蒙HarmonyOS应用

2022-06-28 14:30:29

camera组件照片回传

2020-11-09 11:56:49

HarmonyOS

2021-05-19 08:41:11

鸿蒙HarmonyOS应用

2021-08-26 15:28:05

鸿蒙HarmonyOS应用
点赞
收藏

51CTO技术栈公众号