1# 录像(ArkTS)
2
3录像也是相机应用的最重要功能之一，录像是循环帧的捕获。对于录像的流畅度，开发者可以参考[拍照](camera-shooting.md)中的步骤4，设置分辨率、闪光灯、焦距、照片质量及旋转角度等信息。
4
5## 开发步骤
6
7详细的API说明请参考[Camera API参考](../../reference/apis-camera-kit/js-apis-camera.md)。
8
91. 导入media模块。
10
11   创建录像输出流的SurfaceId以及录像输出的数据，都需要用到系统提供的[media接口](../../reference/apis-media-kit/js-apis-media.md)能力，导入media接口的方法如下。
12
13   ```ts
14   import { BusinessError } from '@kit.BasicServicesKit';
15   import { camera } from '@kit.CameraKit';
16   import { media } from '@kit.MediaKit';
17   ```
18
192. 创建Surface。
20
21   系统提供的media接口可以创建一个录像AVRecorder实例，通过该实例的[getInputSurface](../../reference/apis-media-kit/js-apis-media.md#getinputsurface9)方法获取SurfaceId，与录像输出流做关联，处理录像输出流输出的数据。
22
23   ```ts
24   async function getVideoSurfaceId(aVRecorderConfig: media.AVRecorderConfig): Promise<string | undefined> {  // aVRecorderConfig可参考下一章节
25     let avRecorder: media.AVRecorder | undefined = undefined;
26     try {
27       avRecorder = await media.createAVRecorder();
28     } catch (error) {
29       let err = error as BusinessError;
30       console.error(`createAVRecorder call failed. error code: ${err.code}`);
31     }
32     if (avRecorder === undefined) {
33       return undefined;
34     }
35     avRecorder.prepare(aVRecorderConfig, (err: BusinessError) => {
36       if (err == null) {
37         console.info('prepare success');
38       } else {
39         console.error('prepare failed and error is ' + err.message);
40       }
41     });
42     let videoSurfaceId = await avRecorder.getInputSurface();
43     return videoSurfaceId;
44   }
45   ```
46
473. 创建录像输出流。
48
49   通过[CameraOutputCapability](../../reference/apis-camera-kit/js-apis-camera.md#cameraoutputcapability)类中的videoProfiles属性，可获取当前设备支持的录像输出流。然后，定义创建录像的参数，通过[createVideoOutput](../../reference/apis-camera-kit/js-apis-camera.md#createvideooutput)方法创建录像输出流。
50
51   > **说明：**
52   > 预览流与录像输出流的分辨率的宽高比要保持一致，如示例代码中宽高比为640:480 = 4:3，则需要预览流中的分辨率的宽高比也为4:3，如分辨率选择640:480，或960:720，或1440:1080，以此类推
53   >
54   > 获取录像旋转角度的方法：通过[VideoOutput](../../reference/apis-camera-kit/js-apis-camera.md#videooutput)类中的[getVideoRotation](../../reference/apis-camera-kit/js-apis-camera.md#getvideorotation12)方法获取rotation实际的值
55
56   ```ts
57   async function getVideoOutput(cameraManager: camera.CameraManager, videoSurfaceId: string, cameraOutputCapability: camera.CameraOutputCapability): Promise<camera.VideoOutput | undefined> {
58     let videoProfilesArray: Array<camera.VideoProfile> = cameraOutputCapability.videoProfiles;
59     if (!videoProfilesArray) {
60       console.error("createOutput videoProfilesArray == null || undefined");
61       return undefined;
62     }
63     // AVRecorderProfile
64     let aVRecorderProfile: media.AVRecorderProfile = {
65       fileFormat : media.ContainerFormatType.CFT_MPEG_4, // 视频文件封装格式，只支持MP4
66       videoBitrate : 100000, // 视频比特率
67       videoCodec : media.CodecMimeType.VIDEO_AVC, // 视频文件编码格式，支持avc格式
68       videoFrameWidth : 640,  // 视频分辨率的宽
69       videoFrameHeight : 480, // 视频分辨率的高
70       videoFrameRate : 30 // 视频帧率
71     };
72     // 创建视频录制的参数，预览流与录像输出流的分辨率的宽(videoFrameWidth)高(videoFrameHeight)比要保持一致
73     let aVRecorderConfig: media.AVRecorderConfig = {
74       videoSourceType: media.VideoSourceType.VIDEO_SOURCE_TYPE_SURFACE_YUV,
75       profile: aVRecorderProfile,
76       url: 'fd://35',
77       rotation: 90 // rotation的值90，是通过getPhotoRotation接口获取到的值，具体请参考说明中获取录像旋转角度的方法
78     };
79     // 创建avRecorder
80     let avRecorder: media.AVRecorder | undefined = undefined;
81     try {
82       avRecorder = await media.createAVRecorder();
83     } catch (error) {
84       let err = error as BusinessError;
85       console.error(`createAVRecorder call failed. error code: ${err.code}`);
86     }
87     if (avRecorder === undefined) {
88       return undefined;
89     }
90     // 设置视频录制的参数
91     avRecorder.prepare(aVRecorderConfig);
92     // 创建VideoOutput对象
93     let videoOutput: camera.VideoOutput | undefined = undefined;
94     // createVideoOutput传入的videoProfile对象的宽高需要和aVRecorderProfile保持一致。
95     let videoProfile: undefined | camera.VideoProfile = videoProfilesArray.find((profile: camera.VideoProfile) => {
96       return profile.size.width === aVRecorderProfile.videoFrameWidth && profile.size.height === aVRecorderProfile.videoFrameHeight;
97     });
98     if (!videoProfile) {
99       console.error('videoProfile is not found');
100       return;
101     }
102     try {
103       videoOutput = cameraManager.createVideoOutput(videoProfile, videoSurfaceId);
104     } catch (error) {
105       let err = error as BusinessError;
106       console.error('Failed to create the videoOutput instance. errorCode = ' + err.code);
107     }
108     return videoOutput;
109   }
110   ```
111
1124. 开始录像。
113
114   先通过videoOutput的[start](../../reference/apis-camera-kit/js-apis-camera.md#start-1)方法启动录像输出流，再通过avRecorder的[start](../../reference/apis-media-kit/js-apis-media.md#start9)方法开始录像。
115
116   ```ts
117   async function startVideo(videoOutput: camera.VideoOutput, avRecorder: media.AVRecorder): Promise<void> {
118     videoOutput.start(async (err: BusinessError) => {
119       if (err) {
120         console.error(`Failed to start the video output ${err.message}`);
121         return;
122       }
123       console.info('Callback invoked to indicate the video output start success.');
124     });
125     try {
126       await avRecorder.start();
127     } catch (error) {
128       let err = error as BusinessError;
129       console.error(`avRecorder start error: ${JSON.stringify(err)}`);
130     }
131   }
132   ```
133
1345. 停止录像。
135
136   先通过avRecorder的[stop](../../reference/apis-media-kit/js-apis-media.md#stop9-3)方法停止录像，再通过videoOutput的[stop](../../reference/apis-camera-kit/js-apis-camera.md#stop-1)方法停止录像输出流。
137
138   ```ts
139   async function stopVideo(videoOutput: camera.VideoOutput, avRecorder: media.AVRecorder): Promise<void> {
140     try {
141       await avRecorder.stop();
142     } catch (error) {
143       let err = error as BusinessError;
144       console.error(`avRecorder stop error: ${JSON.stringify(err)}`);
145     }
146     videoOutput.stop((err: BusinessError) => {
147       if (err) {
148         console.error(`Failed to stop the video output ${err.message}`);
149         return;
150       }
151       console.info('Callback invoked to indicate the video output stop success.');
152     });
153   }
154   ```
155
156
157## 状态监听
158
159在相机应用开发过程中，可以随时监听录像输出流状态，包括录像开始、录像结束、录像流输出的错误。
160
161- 通过注册固定的frameStart回调函数获取监听录像开始结果，videoOutput创建成功时即可监听，录像第一次曝光时触发，有该事件返回结果则认为录像开始。
162
163  ```ts
164  function onVideoOutputFrameStart(videoOutput: camera.VideoOutput): void {
165    videoOutput.on('frameStart', (err: BusinessError) => {
166      if (err !== undefined && err.code !== 0) {
167        return;
168      }
169      console.info('Video frame started');
170    });
171  }
172  ```
173
174- 通过注册固定的frameEnd回调函数获取监听录像结束结果，videoOutput创建成功时即可监听，录像完成最后一帧时触发，有该事件返回结果则认为录像流已结束。
175
176  ```ts
177  function onVideoOutputFrameEnd(videoOutput: camera.VideoOutput): void {
178    videoOutput.on('frameEnd', (err: BusinessError) => {
179      if (err !== undefined && err.code !== 0) {
180        return;
181      }
182      console.info('Video frame ended');
183    });
184  }
185  ```
186
187- 通过注册固定的error回调函数获取监听录像输出错误结果，callback返回预览输出接口使用错误时对应的错误码，错误码类型参见[Camera错误码](../../reference/apis-camera-kit/js-apis-camera.md#cameraerrorcode)。
188
189  ```ts
190  function onVideoOutputError(videoOutput: camera.VideoOutput): void {
191    videoOutput.on('error', (error: BusinessError) => {
192      console.error(`Video output error code: ${error.code}`);
193    });
194  }
195  ```
196
197<!--RP1-->
198<!--RP1End-->