鸿蒙Next开发中，相机录制完视频后，如何获取视频第一帧当封面？原创

言程序plus

发布于 2025-3-26 15:18

2875浏览

0收藏

问题场景：

最近在开发视频录制相关功能，发现在录制完视频后预览视频时，由于没有设置默认封面会显示黑屏，需要取到视频第一帧来当作封面。

解决方案：

完成视频录制后，使用Media Kit(媒体服务)中这个AVImageGenerator 方法实现提取视频指定时间图像，具体解决思路如下：

1、使用createAVImageGenerator()创建实例

2、设置资源：需要设置属性fdSrc（表示文件描述符），

3、获取指定时间图像：调用fetchFrameByTime()，可以获取到一个PixelMap对象，该对象可用于图片显示

4、释放资源：调用release()销毁实例，释放资源

5、再将获取到的封面图设置到预览视频的url属性上，就可以给录制的视频添加上封面了。

// 导入媒体模块和文件管理模块
import { media } from '@kit.MediaKit';
import { image } from '@kit.ImageKit';
 // 使用file.open获取拍摄后的视频流的资源句柄，通过设置fdSrc属性，
  // 获取视频指定时间的缩略图，并通过Image控件显示在屏幕上。
  async getVideoFetchFrameByTime() {
    // 创建AVImageGenerator对象
    let avImageGenerator: media.AVImageGenerator = await media.createAVImageGenerator()
    //设置fdSrc
    // avImageGenerator.fdSrc = await getContext(this).resourceManager.getRawFd("userOpenAccount.mp4");
    avImageGenerator.fdSrc= AppStorage.get<fileIo.File>('videofileObj') //这里是你录制的视频地址路径
    console.log('执行了fdSrc'+avImageGenerator.fdSrc)
    // 初始化入参
    let timeUs =0
      let queryOption = media.AVImageQueryOptions.AV_IMAGE_QUERY_NEXT_SYNC
    let param: media.PixelMapParams = {
      width : 1920,
      height : 1080
    }
    // 获取缩略图（promise模式）
    this.previewVideoUrl = await avImageGenerator.fetchFrameByTime(timeUs, queryOption, param)
     // 释放资源（promise模式）
    avImageGenerator.release()
    console.info("获取到缩略图", this.previewVideoUrl)
    console.info(TAG, `release success.`)
  }

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.

调用方法

    // 建议在视频录制完成后的回调方法中来执行本方法

      setTimeout(()=>{
        this.getVideoFetchFrameByTime()
      },100)
1.
2.
3.
4.
5.

备注说明

说明
开发者需根据实际情况，确认资源有效性并设置fdSrc：

可以使用ResourceManager.getRawFd打开HAP资源文件描述符，使用方法可参考ResourceManager API参考。

也可以使用应用沙箱路径访问对应资源（必须确认资源文件可用），参考获取应用文件路径。应用沙箱的介绍及如何向应用沙箱推送文件，请参考文件管理。

不同AVImageGenerator或者AVMetadataExtractor，如果需要操作同一资源，需要多次打开文件描述符，不要共用同一文件描述符。

1.
2.
3.
4.
5.
6.
7.
8.
9.