跳到主要内容

动态调整预览帧率(ArkTS)

动态调整帧率是直播、视频等场景下控制预览效果的重要能力之一。应用可通过此能力,显式地控制流输出帧率,以适应不同帧率下的业务目标。

某些场景下降低帧率可在相机设备启用时降低功耗。

约束与限制

支持的帧率范围及帧率的设置依赖于硬件能力的实现,不同的硬件平台可能拥有不同的默认帧率。

开发流程

相机使用预览功能前,均需要创建相机会话。完成会话配置后,应用提交和开启会话,才可以开始调用相机相关功能。

流程图如下所示:

与普通的预览流程相比,动态调整预览帧率的注意点如图上标识:

  1. 调用createSession创建会话(Session)时,需要指定模式为NORMAL_PHOTO或NORMAL_VIDEO。

    仅当Session处于NORMAL_PHOTO或NORMAL_VIDEO模式时,支持调整预览流帧率。调整帧率的创建会话方式见创建Session会话并指定模式

  2. 动态调整帧率的操作,可在启动预览前后任意时刻调用。

  3. 动态调整帧率在预览里属于可选操作,可以完成:

    • 查询当前支持调整的帧率范围
    • 设置当前帧率
    • 获取当前生效的帧率设置

如何配置会话(Session)、释放资源,请参考会话管理 > 预览,或是完整流程示例。

导入依赖

导入camera接口,接口中提供了相机相关的属性和方法,导入方法如下。

import { camera } from '@kit.CameraKit';
import { BusinessError } from '@kit.BasicServicesKit';

创建Session会话并指定模式

相机使用预览等功能前,均需完成相机管理和创建相机会话,调用CameraManagercreateSession创建一个会话。

创建会话时需指定SceneMode为NORMAL_PHOTO或NORMAL_VIDEO,创建出的Session处于拍照或录像模式。

以创建Session会话并指定为NORMAL_PHOTO模式为例:

function createPhotoSession(cameraManager: camera.CameraManager): camera.Session | undefined {
let session: camera.Session | undefined = undefined;
try {
// 创建Session会话并指定为NORMAL_PHOTO模式
session = cameraManager.createSession(camera.SceneMode.NORMAL_PHOTO) as camera.PhotoSession;
} catch (error) {
let err = error as BusinessError;
console.error(`Failed to create the session instance. error: ${err}`);
}
return session;
}

调整帧率

  1. 调用PreviewOutputgetSupportedFrameRates,查询当前支持的帧率范围。

    需要在Session调用commitConfig完成配流之后调用。

    function getSupportedFrameRange(previewOutput: camera.PreviewOutput): Array<camera.FrameRateRange> {
    // 获取支持的帧率范围,不同的硬件平台可能提供不同的帧率范围
    return previewOutput.getSupportedFrameRates();
    }
  2. 根据实际开发需求,调用PreviewOutput类提供的setFrameRate接口对帧率进行动态调整。

    调用时机:

    • 需要在Session调用commitConfig完成配流之后调用。
    • 可在Session调用start启动预览前后任意时刻调用。

    setFrameRate调用限制:

    • 在调用setFrameRate接口设置非固定帧率后,不支持再次调用该接口重新设置动态帧率。
    • 在调用setFrameRate接口设置固定帧率后,支持重新设置固定帧率,但必须保证新设置的帧率可以整除之前设置的帧率或者被之前设置的帧率整除。
    function setFrameRate(previewOutput: camera.PreviewOutput, minFps: number, maxFps: number): void {
    try {
    previewOutput.setFrameRate(minFps, maxFps);
    } catch (error) {
    let err = error as BusinessError;
    console.error(`Failed to setFrameRate for previewOutput. error: ${err}`);
    }
    }
  3. (可选)通过PreviewOutput提供的getActiveFrameRate接口查询已设置过并生效的帧率。

    仅通过setFrameRate接口显式设置过帧率才可查询当前生效帧率信息。

    function getActiveFrameRange(previewOutput: camera.PreviewOutput): camera.FrameRateRange {
    return previewOutput.getActiveFrameRate();
    }

完整流程

结合上述开发流程1~3,完整的session配流及previewOutput在session.start前后调整帧率示例代码如下。

import { camera } from '@kit.CameraKit';
import { BusinessError } from '@kit.BasicServicesKit';

async function sessionConfig(cameraManager: camera.CameraManager, cameraInput: camera.CameraInput,
previewOutput: camera.PreviewOutput): Promise<void> {
try {
let session: camera.Session | undefined = undefined;
// 创建CaptureSession实例
session = createPhotoSession(cameraManager);
if (session === undefined) {
return;
}
// 开始配置会话
session.beginConfig();
// 把CameraInput加入到会话
session.addInput(cameraInput);
// 把previewOutput加入到会话
session.addOutput(previewOutput);
// 提交配置信息
await session.commitConfig();
// 获取当前支持的帧率范围
let supportFrameRateArray: Array<camera.FrameRateRange> = getSupportedFrameRange(previewOutput);

console.info(`frame rate supported by previewOutput: ${JSON.stringify(supportFrameRateArray)}`);
// 可在start前对帧率进行设置
if (supportFrameRateArray.length !== 0) {
// 将帧率设置为第一组帧率范围的最大值
setFrameRate(previewOutput, supportFrameRateArray[0].max, supportFrameRateArray[0].max);
}
// 获取当前生效的帧率设置
let activeFrameRateArray: camera.FrameRateRange = getActiveFrameRange(previewOutput);
console.info(`current effective frame rate for this previewOutput: ${activeFrameRateArray}`);
// 开始会话工作并启动预览
await session.start();
// 可在start后对帧率进行设置
if (supportFrameRateArray.length !== 0) {
// 可将帧率设置为最大值的一半(能否设置成功取决于平台是否支持)
setFrameRate(previewOutput, supportFrameRateArray[0].max / 2, supportFrameRateArray[0].max / 2);
}
// 获取当前生效的帧率设置
activeFrameRateArray = getActiveFrameRange(previewOutput);
console.info(`current effective frame rate for this previewOutput: ${activeFrameRateArray}`);
} catch (error) {
let err = error as BusinessError;
console.error(`sessionConfig fail : ${err}`);
}
}