camera-recording.md 5.8 KB
Newer Older
Z
zengyawen 已提交
1 2 3 4 5 6 7 8
# 录像

录像也是相机应用的最重要功能之一,录像是循环帧的捕获。对于录像的流畅度,开发者可以参考[拍照](camera-shooting.md)中的步骤4,设置分辨率、闪光灯、焦距、照片质量及旋转角度等信息。

## 开发步骤

详细的API说明请参考[Camera API参考](../reference/apis/js-apis-camera.md)

9
1. 导入media模块。创建拍照输出流的SurfaceId以及拍照输出的数据,都需要用到系统提供的[media接口](../reference/apis/js-apis-media.md)能力,导入media接口的方法如下。
Z
zhangchao 已提交
10
     
Z
zengyawen 已提交
11 12 13 14 15 16 17
   ```ts
   import media from '@ohos.multimedia.media';
   ```

2. 创建Surface。
   
   系统提供的media接口可以创建一个录像AVRecorder实例,通过该实例的getInputSurface方法获取SurfaceId,与录像输出流做关联,处理录像输出流输出的数据。
Z
zhangchao 已提交
18
 
Z
zengyawen 已提交
19
   ```ts
20 21 22 23 24 25 26 27
   let avRecorder: media.AVRecorder;
   media.createAVRecorder((error: BusinessError, recorder: media.AVRecorder) => {
     if (recorder != null) {
       avRecorder = recorder;
       console.info('createAVRecorder success');
     } else {
       console.info(`createAVRecorder fail, error:${error}`);
     }
Z
zengyawen 已提交
28
   });
Z
zhangchao 已提交
29 30 31
   // aVRecorderConfig可参考下一章节
   let aVRecorderConfig: media.AVRecorderConfig;
   avRecorder.prepare(aVRecorderConfig, (err: BusinessError) => {
32 33 34 35 36 37
     if (err == null) {
       console.log('prepare success');
     } else {
       console.log('prepare failed and error is ' + err.message);
     }
   });
Z
zengyawen 已提交
38
   
Z
zhangchao 已提交
39
   let videoSurfaceId: string = null;
40 41
   avRecorder.getInputSurface().then((surfaceId: string) => {
     console.info('getInputSurface success');
Z
zhangchao 已提交
42 43 44
     videoSurfaceId = surfaceId;
   }).catch((err: BusinessError) => {
     console.info('getInputSurface failed and catch error is ' + err.message);
Z
zengyawen 已提交
45 46 47 48
   });
   ```

3. 创建录像输出流。
Z
zhangchao 已提交
49
     
Z
zengyawen 已提交
50
    通过CameraOutputCapability类中的videoProfiles,可获取当前设备支持的录像输出流。然后,定义创建录像的参数,通过createVideoOutput方法创建录像输出流。
Z
zhangchao 已提交
51
     
Z
zengyawen 已提交
52
   ```ts
53
   let videoProfilesArray: Array<camera.VideoProfile> = cameraOutputCapability.videoProfiles;
Z
zengyawen 已提交
54
   if (!videoProfilesArray) {
55
     console.error("createOutput videoProfilesArray == null || undefined");
Z
zengyawen 已提交
56 57
   } 
   
Z
zhangchao 已提交
58
   // 创建视频录制的参数
Z
zengyawen 已提交
59
   let videoConfig = {
60 61 62 63 64 65 66 67 68 69 70
     videoSourceType: media.VideoSourceType.VIDEO_SOURCE_TYPE_SURFACE_YUV,
     profile: {
       fileFormat : media.ContainerFormatType.CFT_MPEG_4, // 视频文件封装格式,只支持MP4
       videoBitrate : 100000, // 视频比特率
       videoCodec : media.CodecMimeType.VIDEO_MPEG4, // 视频文件编码格式,支持mpeg4和avc两种格式
       videoFrameWidth : 640,  // 视频分辨率的宽
       videoFrameHeight : 480, // 视频分辨率的高
       videoFrameRate : 30 // 视频帧率
     },
     url: 'fd://35',
     rotation: 90 // 90°为默认竖屏显示角度,如果由于设备原因或应用期望以其他方式显示等原因,请根据实际情况调整该参数
Z
zengyawen 已提交
71 72
   } 
   // 创建avRecorder
73 74
   let avRecorder: media.AVRecorder;
   media.createAVRecorder((error: BusinessError, recorder: media.AVRecorder) => {
Z
zengyawen 已提交
75
     if (recorder != null) {
76 77
       avRecorder = recorder;
       console.info('createAVRecorder success');
Z
zengyawen 已提交
78
     } else {
79
       console.info(`createAVRecorder fail, error:${error}`);
Z
zengyawen 已提交
80 81 82 83 84
     }
    });
   // 设置视频录制的参数
   avRecorder.prepare(videoConfig);
   // 创建VideoOutput对象
85
   let videoOutput: camera.VideoOutput;
Z
zengyawen 已提交
86
   try {
87
     videoOutput = cameraManager.createVideoOutput(videoProfilesArray[0], videoSurfaceId);
Z
zengyawen 已提交
88
   } catch (error) {
Z
zhangchao 已提交
89 90
     let err = error as BusinessError;
     console.error('Failed to create the videoOutput instance. errorCode = ' + err.code);
Z
zengyawen 已提交
91 92
   }
   ```
Z
zhangchao 已提交
93

Z
zengyawen 已提交
94 95 96 97
4. 开始录像。
   
   先通过videoOutput的start方法启动录像输出流,再通过avRecorder的start方法开始录像。

98 99 100 101 102 103 104
   ```ts
   videoOutput.start(async (err: BusinessError) => {
     if (err) {
       console.error('Failed to start the video output ${err.message}');
       return;
     }
     console.info('Callback invoked to indicate the video output start success.');
Z
zengyawen 已提交
105 106 107
   });
    
   avRecorder.start().then(() => {
108
     console.info('avRecorder start success');
M
mali 已提交
109
   });
Z
zengyawen 已提交
110 111 112
   ```

5. 停止录像。
Z
zhangchao 已提交
113
     
Z
zengyawen 已提交
114
   先通过avRecorder的stop方法停止录像,再通过videoOutput的stop方法停止录像输出流。
Z
zhangchao 已提交
115
     
Z
zengyawen 已提交
116 117
   ```ts
   videoRecorder.stop().then(() => {
118
     console.info('stop success');
M
mali 已提交
119
   });
Z
zengyawen 已提交
120
   
121 122 123 124 125 126
   videoOutput.stop((err: BusinessError) => {
     if (err) {
       console.error('Failed to stop the video output ${err.message}');
       return;
     }
     console.info('Callback invoked to indicate the video output stop success.');
Z
zengyawen 已提交
127 128 129 130 131 132 133 134 135
   });
   ```


## 状态监听

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

- 通过注册固定的frameStart回调函数获取监听录像开始结果,videoOutput创建成功时即可监听,录像第一次曝光时触发,有该事件返回结果则认为录像开始。
Z
zhangchao 已提交
136
    
Z
zengyawen 已提交
137 138
  ```ts
  videoOutput.on('frameStart', () => {
139 140
    console.info('Video frame started');
  });
Z
zengyawen 已提交
141 142
  ```

143
- 通过注册固定的frameEnd回调函数获取监听录像结束结果,videoOutput创建成功时即可监听,录像完成最后一帧时触发,有该事件返回结果则认为录像流已结束。
Z
zhangchao 已提交
144
    
Z
zengyawen 已提交
145 146
  ```ts
  videoOutput.on('frameEnd', () => {
147 148
    console.info('Video frame ended');
  });
Z
zengyawen 已提交
149 150 151
  ```

- 通过注册固定的error回调函数获取监听录像输出错误结果,callback返回预览输出接口使用错误时对应的错误码,错误码类型参见[CameraErrorCode](../reference/apis/js-apis-camera.md#cameraerrorcode)
Z
zhangchao 已提交
152
    
Z
zengyawen 已提交
153
  ```ts
154 155 156
  videoOutput.on('error', (error: BusinessError) => {
    console.info(`Video output error code: ${error.code}`);
  });
Z
zengyawen 已提交
157
  ```