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