未验证 提交 6b0232cb 编写于 作者: O openharmony_ci 提交者: Gitee

!23212 增加宽高比限制描述

Merge pull request !23212 from supeng/master
...@@ -7,9 +7,11 @@ ...@@ -7,9 +7,11 @@
详细的API说明请参考[Camera API参考](../reference/apis/js-apis-camera.md) 详细的API说明请参考[Camera API参考](../reference/apis/js-apis-camera.md)
1. 创建Surface。 1. 创建Surface。
XComponent组件为预览流提供的Surface,而XComponent的能力由UI提供,相关介绍可参考[XComponent组件参考](../reference/arkui-ts/ts-basic-components-xcomponent.md) XComponent组件为预览流提供的Surface,而XComponent的能力由UI提供,相关介绍可参考[XComponent组件参考](../reference/arkui-ts/ts-basic-components-xcomponent.md)
**注**:预览流与录像输出流的分辨率的宽高比要保持一致,如示例代码中宽高比为1920:1080 = 16:9,则需要预览流中的分辨率的宽高比也为16:9,如分辨率选择640:360,或960:540,或1920:1080,以此类推
```ts ```ts
// 创建XComponentController // 创建XComponentController
mXComponentController: XComponentController = new XComponentController; mXComponentController: XComponentController = new XComponentController;
...@@ -24,6 +26,7 @@ ...@@ -24,6 +26,7 @@
}) })
.onLoad(() => { .onLoad(() => {
// 设置Surface宽高(1920*1080),预览尺寸设置参考前面 previewProfilesArray 获取的当前设备所支持的预览分辨率大小去设置 // 设置Surface宽高(1920*1080),预览尺寸设置参考前面 previewProfilesArray 获取的当前设备所支持的预览分辨率大小去设置
// 预览流与录像输出流的分辨率的宽高比要保持一致
this.mXComponentController.setXComponentSurfaceSize({surfaceWidth:1920,surfaceHeight:1080}); this.mXComponentController.setXComponentSurfaceSize({surfaceWidth:1920,surfaceHeight:1080});
// 获取Surface ID // 获取Surface ID
globalThis.surfaceId = this.mXComponentController.getXComponentSurfaceId(); globalThis.surfaceId = this.mXComponentController.getXComponentSurfaceId();
...@@ -33,9 +36,9 @@ ...@@ -33,9 +36,9 @@
} }
} }
``` ```
2. 通过CameraOutputCapability类中的previewProfiles()方法获取当前设备支持的预览能力,返回previewProfilesArray数组 。通过createPreviewOutput()方法创建预览输出流,其中,createPreviewOutput()方法中的两个参数分别是previewProfilesArray数组中的第一项和步骤一中获取的surfaceId。 2. 通过CameraOutputCapability类中的previewProfiles()方法获取当前设备支持的预览能力,返回previewProfilesArray数组 。通过createPreviewOutput()方法创建预览输出流,其中,createPreviewOutput()方法中的两个参数分别是previewProfilesArray数组中的第一项和步骤一中获取的surfaceId。
```ts ```ts
let previewProfilesArray: Array<camera.Profile> = cameraOutputCapability.previewProfiles; let previewProfilesArray: Array<camera.Profile> = cameraOutputCapability.previewProfiles;
let previewOutput: camera.PreviewOutput; let previewOutput: camera.PreviewOutput;
...@@ -48,7 +51,7 @@ ...@@ -48,7 +51,7 @@
``` ```
3. 使能。通过start()方法输出预览流,接口调用失败会返回相应错误码,错误码类型参见[CameraErrorCode](../reference/apis/js-apis-camera.md#cameraerrorcode) 3. 使能。通过start()方法输出预览流,接口调用失败会返回相应错误码,错误码类型参见[CameraErrorCode](../reference/apis/js-apis-camera.md#cameraerrorcode)
```ts ```ts
previewOutput.start().then(() => { previewOutput.start().then(() => {
console.info('Callback returned with previewOutput started.'); console.info('Callback returned with previewOutput started.');
...@@ -63,7 +66,7 @@ ...@@ -63,7 +66,7 @@
在相机应用开发过程中,可以随时监听预览输出流状态,包括预览流启动、预览流结束、预览流输出错误。 在相机应用开发过程中,可以随时监听预览输出流状态,包括预览流启动、预览流结束、预览流输出错误。
- 通过注册固定的frameStart回调函数获取监听预览启动结果,previewOutput创建成功时即可监听,预览第一次曝光时触发,有该事件返回结果则认为预览流已启动。 - 通过注册固定的frameStart回调函数获取监听预览启动结果,previewOutput创建成功时即可监听,预览第一次曝光时触发,有该事件返回结果则认为预览流已启动。
```ts ```ts
previewOutput.on('frameStart', () => { previewOutput.on('frameStart', () => {
console.info('Preview frame started'); console.info('Preview frame started');
...@@ -71,7 +74,7 @@ ...@@ -71,7 +74,7 @@
``` ```
- 通过注册固定的frameEnd回调函数获取监听预览结束结果,previewOutput创建成功时即可监听,预览完成最后一帧时触发,有该事件返回结果则认为预览流已结束。 - 通过注册固定的frameEnd回调函数获取监听预览结束结果,previewOutput创建成功时即可监听,预览完成最后一帧时触发,有该事件返回结果则认为预览流已结束。
```ts ```ts
previewOutput.on('frameEnd', () => { previewOutput.on('frameEnd', () => {
console.info('Preview frame ended'); console.info('Preview frame ended');
...@@ -79,7 +82,7 @@ ...@@ -79,7 +82,7 @@
``` ```
- 通过注册固定的error回调函数获取监听预览输出错误结果,callback返回预览输出接口使用错误时对应的错误码,错误码类型参见[CameraErrorCode](../reference/apis/js-apis-camera.md#cameraerrorcode) - 通过注册固定的error回调函数获取监听预览输出错误结果,callback返回预览输出接口使用错误时对应的错误码,错误码类型参见[CameraErrorCode](../reference/apis/js-apis-camera.md#cameraerrorcode)
```ts ```ts
previewOutput.on('error', (previewOutputError: BusinessError) => { previewOutput.on('error', (previewOutputError: BusinessError) => {
console.info(`Preview output error code: ${previewOutputError.code}`); console.info(`Preview output error code: ${previewOutputError.code}`);
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
详细的API说明请参考[Camera API参考](../reference/apis/js-apis-camera.md) 详细的API说明请参考[Camera API参考](../reference/apis/js-apis-camera.md)
1. 导入media模块。创建拍照输出流的SurfaceId以及拍照输出的数据,都需要用到系统提供的[media接口](../reference/apis/js-apis-media.md)能力,导入media接口的方法如下。 1. 导入media模块。创建拍照输出流的SurfaceId以及拍照输出的数据,都需要用到系统提供的[media接口](../reference/apis/js-apis-media.md)能力,导入media接口的方法如下。
```ts ```ts
import media from '@ohos.multimedia.media'; import media from '@ohos.multimedia.media';
``` ```
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
2. 创建Surface。 2. 创建Surface。
系统提供的media接口可以创建一个录像AVRecorder实例,通过该实例的getInputSurface方法获取SurfaceId,与录像输出流做关联,处理录像输出流输出的数据。 系统提供的media接口可以创建一个录像AVRecorder实例,通过该实例的getInputSurface方法获取SurfaceId,与录像输出流做关联,处理录像输出流输出的数据。
```ts ```ts
let avRecorder: media.AVRecorder; let avRecorder: media.AVRecorder;
media.createAVRecorder((error: BusinessError, recorder: media.AVRecorder) => { media.createAVRecorder((error: BusinessError, recorder: media.AVRecorder) => {
...@@ -45,16 +45,18 @@ ...@@ -45,16 +45,18 @@
``` ```
3. 创建录像输出流。 3. 创建录像输出流。
通过CameraOutputCapability类中的videoProfiles,可获取当前设备支持的录像输出流。然后,定义创建录像的参数,通过createVideoOutput方法创建录像输出流。 通过CameraOutputCapability类中的videoProfiles,可获取当前设备支持的录像输出流。然后,定义创建录像的参数,通过createVideoOutput方法创建录像输出流。
**注**:预览流与录像输出流的分辨率的宽高比要保持一致,如示例代码中宽高比为640:480 = 4:3,则需要预览流中的分辨率的宽高比也为4:3,如分辨率选择640:480,或960:720,或1440:1080,以此类推
```ts ```ts
let videoProfilesArray: Array<camera.VideoProfile> = cameraOutputCapability.videoProfiles; let videoProfilesArray: Array<camera.VideoProfile> = cameraOutputCapability.videoProfiles;
if (!videoProfilesArray) { if (!videoProfilesArray) {
console.error("createOutput videoProfilesArray == null || undefined"); console.error("createOutput videoProfilesArray == null || undefined");
} }
// 创建视频录制的参数 // 创建视频录制的参数,预览流与录像输出流的分辨率的宽(videoFrameWidth)高(videoFrameHeight)比要保持一致
let videoConfig = { let videoConfig = {
videoSourceType: media.VideoSourceType.VIDEO_SOURCE_TYPE_SURFACE_YUV, videoSourceType: media.VideoSourceType.VIDEO_SOURCE_TYPE_SURFACE_YUV,
profile: { profile: {
...@@ -88,7 +90,7 @@ ...@@ -88,7 +90,7 @@
console.error('Failed to create the videoOutput instance. errorCode = ' + error.code); console.error('Failed to create the videoOutput instance. errorCode = ' + error.code);
} }
``` ```
4. 开始录像。 4. 开始录像。
先通过videoOutput的start方法启动录像输出流,再通过avRecorder的start方法开始录像。 先通过videoOutput的start方法启动录像输出流,再通过avRecorder的start方法开始录像。
...@@ -108,9 +110,9 @@ ...@@ -108,9 +110,9 @@
``` ```
5. 停止录像。 5. 停止录像。
先通过avRecorder的stop方法停止录像,再通过videoOutput的stop方法停止录像输出流。 先通过avRecorder的stop方法停止录像,再通过videoOutput的stop方法停止录像输出流。
```ts ```ts
videoRecorder.stop().then(() => { videoRecorder.stop().then(() => {
console.info('stop success'); console.info('stop success');
...@@ -131,7 +133,7 @@ ...@@ -131,7 +133,7 @@
在相机应用开发过程中,可以随时监听录像输出流状态,包括录像开始、录像结束、录像流输出的错误。 在相机应用开发过程中,可以随时监听录像输出流状态,包括录像开始、录像结束、录像流输出的错误。
- 通过注册固定的frameStart回调函数获取监听录像开始结果,videoOutput创建成功时即可监听,录像第一次曝光时触发,有该事件返回结果则认为录像开始。 - 通过注册固定的frameStart回调函数获取监听录像开始结果,videoOutput创建成功时即可监听,录像第一次曝光时触发,有该事件返回结果则认为录像开始。
```ts ```ts
videoOutput.on('frameStart', () => { videoOutput.on('frameStart', () => {
console.info('Video frame started'); console.info('Video frame started');
...@@ -139,7 +141,7 @@ ...@@ -139,7 +141,7 @@
``` ```
- 通过注册固定的frameEnd回调函数获取监听录像结束结果,videoOutput创建成功时即可监听,录像完成最后一帧时触发,有该事件返回结果则认为录像流已结束。 - 通过注册固定的frameEnd回调函数获取监听录像结束结果,videoOutput创建成功时即可监听,录像完成最后一帧时触发,有该事件返回结果则认为录像流已结束。
```ts ```ts
videoOutput.on('frameEnd', () => { videoOutput.on('frameEnd', () => {
console.info('Video frame ended'); console.info('Video frame ended');
...@@ -147,7 +149,7 @@ ...@@ -147,7 +149,7 @@
``` ```
- 通过注册固定的error回调函数获取监听录像输出错误结果,callback返回预览输出接口使用错误时对应的错误码,错误码类型参见[CameraErrorCode](../reference/apis/js-apis-camera.md#cameraerrorcode) - 通过注册固定的error回调函数获取监听录像输出错误结果,callback返回预览输出接口使用错误时对应的错误码,错误码类型参见[CameraErrorCode](../reference/apis/js-apis-camera.md#cameraerrorcode)
```ts ```ts
videoOutput.on('error', (error: BusinessError) => { videoOutput.on('error', (error: BusinessError) => {
console.info(`Video output error code: ${error.code}`); console.info(`Video output error code: ${error.code}`);
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册