鸿蒙HarmonyOS开发实战方案:自动生成相册中视频缩略图

167 篇文章 0 订阅
167 篇文章 1 订阅

场景描述

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

方案描述

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

效果图

cke_8354.gif

方案

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);

}

}

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

方案

1. 通过用createAVImageGenerator()创建AVImageGenerator对象。

2. 设置资源:需要设置AVImageGenerator对象的属性fdSrc(表示文件描述符)。

3. 获取指定时间点的缩略图:调用fetchFrameByTime(),传入具体时间,根据获取的缩略图时间点与视频帧的对应关系,可以获取到一个PixelMap对象,该对象可用于图片显示。

cke_10753.png

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

cke_4511.png

4. 间隔一秒时间获取视频缩略图。

5. 释放资源:调用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

})

最后

小编在之前的鸿蒙系统扫盲中,有很多朋友给我留言,不同的角度的问了一些问题,我明显感觉到一点,那就是许多人参与鸿蒙开发,但是又不知道从哪里下手,因为资料太多,太杂,教授的人也多,无从选择。有很多小伙伴不知道学习哪些鸿蒙开发技术?不知道需要重点掌握哪些鸿蒙应用开发知识点?而且学习时频繁踩坑,最终浪费大量时间。所以有一份实用的鸿蒙(HarmonyOS NEXT)资料用来跟着学习是非常有必要的。 

为了确保高效学习,建议规划清晰的学习路线,涵盖以下关键阶段:


 鸿蒙(HarmonyOS NEXT)最新学习路线

该路线图包含基础技能、就业必备技能、多媒体技术、六大电商APP、进阶高级技能、实战就业级设备开发,不仅补充了华为官网未涉及的解决方案

路线图适合人群:

IT开发人员:想要拓展职业边界
零基础小白:鸿蒙爱好者,希望从0到1学习,增加一项技能。
技术提升/进阶跳槽:发展瓶颈期,提升职场竞争力,快速掌握鸿蒙技术

2.视频学习资料+学习PDF文档

HarmonyOS Next 最新全套视频教程

  纯血版鸿蒙全套学习资料(面试、文档、全套视频等)              

​​

总结

参与鸿蒙开发,你要先认清适合你的方向,如果是想从事鸿蒙应用开发方向的话,可以参考本文的学习路径,简单来说就是:为了确保高效学习,建议规划清晰的学习路线

  • 11
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值