鸿蒙开发5.0【基于原生能力获取视频缩略图】

爱桥代码的程序媛

于 2024-08-27 20:29:51 发布

阅读量194

点赞数 3

分类专栏：鸿蒙文章标签： harmonyos openharmony 鸿蒙鸿蒙系统程序员

本文链接：https://blog.csdn.net/2301_76813281/article/details/141611772

版权

鸿蒙专栏收录该内容

411 篇文章 4 订阅

订阅专栏

场景描述

使用 getThumbnail和AVImageGenerator接口可以实现从原始媒体资源中获取视频指定时间的缩略图。

方案描述

场景一：自动生成相册中视频的缩略图

效果图

方案

1.通过photoAccessHelper的getAlbums方法获取获取视频相册对象。

2.通过视频检索条件调用album.getAssets方法，获取视频对象。

3.调用 Asset.getThumbnail接口获取视频对象的缩略图（pixelMap）。

4.通过image组件显示pixelMap。

核心代码

async getThumbnail() {

//建立视频检索条件，用于获取视频

let predicates: dataSharePredicates.DataSharePredicates = new dataSharePredicates.DataSharePredicates();

let fetchOptions: photoAccessHelper.FetchOptions = {

fetchColumns: [],

predicates: predicates

};

//获取视频相册

let albumFetchResult: photoAccessHelper.FetchResult<photoAccessHelper.Album> = await phAccessHelper.getAlbums(photoAccessHelper.AlbumType.SYSTEM, photoAccessHelper.AlbumSubtype.VIDEO);

let album: photoAccessHelper.Album = await albumFetchResult.getFirstObject();

console.info('get video album successfully, albumUri: ' + album.albumUri);

//获取视频相册的视频资源

let videoFetchResult: photoAccessHelper.FetchResult<photoAccessHelper.PhotoAsset> = await album.getAssets(fetchOptions);

//调用FetchResult.getFirstObject接口获取第一个视频。

let photoAsset: photoAccessHelper.PhotoAsset = await videoFetchResult.getFirstObject();

console.info('video album getAssets successfully, photoAsset displayName: ' + photoAsset.displayName);

try {

console.info('getAssets photoAsset.displayName : ' + photoAsset.displayName);

// let size: image.Size = { width: 350, height: 300 };

//调用PhotoAsset.getThumbnail获取图片的缩略图的PixelMap

this.pixelMapp = await photoAsset.getThumbnail();

let imageInfo: image.ImageInfo = await this.pixelMapp.getImageInfo()

console.info('getThumbnail successful, pixelMap ImageInfo size: ' + JSON.stringify(imageInfo.size));

videoFetchResult.close();

albumFetchResult.close();

} catch (err) {

console.error('getThumbnail failed with err: ' + err);

}

}

场景二：指定时间获取视频的缩略图

方案

通过用createAVImageGenerator()创建AVImageGenerator对象。
设置资源：需要设置AVImageGenerator对象的属性fdSrc（表示文件描述符）。
获取指定时间点的缩略图：调用fetchFrameByTime()，传入具体时间，根据获取的缩略图时间点与视频帧的对应关系，可以获取到一个PixelMap对象，该对象可用于图片显示。

取的缩略图时间点与视频帧的对应关系AVImageQueryOptions。

间隔一秒时间获取视频缩略图。
释放资源：调用release()销毁avImageGenerator实例，释放资源。

核心代码

//申明缩略图时间点与视频帧的对应关系。

let queryOption = media.AVImageQueryOptions.AV_IMAGE_QUERY_CLOSEST_SYNC

//缩略图的格式参数。

let param: media.PixelMapParams = {

width: 300,

height: 300,

}

async aboutToAppear(): Promise<void> {

// 创建AVImageGenerator对象

avImageGenerator = await media.createAVImageGenerator()

// 设置fdSrc

avImageGenerator.fdSrc = await getContext(this).resourceManager.getRawFd('VID_1713928724_004.mp4');

}

async testFetchFrameByTime(i: number) {



// 获取缩略图（promise模式）

this.pixelMap = await avImageGenerator.fetchFrameByTime(i, queryOption, param)



}

//间隔1秒获取视频缩略图

onClick(() => {



i = i + 1000000;

Logger.info("current i is :" + i);



this.testFetchFrameByTime(i)

})

Image(this.pixelMap).width(300).height('30%')// .syncLoad(true)

.margin({

top: 20

})

以上就是本篇文章所带来的鸿蒙开发中一小部分技术讲解；想要学习完整的鸿蒙全栈技术。可以在结尾找我可全部拿到！
下面是鸿蒙的完整学习路线，展示如下：