场景描述
使用 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);
}
}
场景二:指定时间获取视频的缩略图
方案
1. 通过用createAVImageGenerator()创建AVImageGenerator对象。
2. 设置资源:需要设置AVImageGenerator对象的属性fdSrc(表示文件描述符)。
3. 获取指定时间点的缩略图:调用fetchFrameByTime(),传入具体时间,根据获取的缩略图时间点与视频帧的对应关系,可以获取到一个PixelMap对象,该对象可用于图片显示。
取的缩略图时间点与视频帧的对应关系AVImageQueryOptions。
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)全栈开发技术的学习路线,包含了鸿蒙开发必掌握的核心知识要点,内容有(ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、WebGL、元服务、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、OpenHarmony驱动开发、系统定制移植等等)鸿蒙(HarmonyOS NEXT)技术知识点。
本路线共分为四个阶段:
第一阶段:鸿蒙初中级开发必备技能
第二阶段:鸿蒙南北双向高工技能基础:gitee.com/MNxiaona/733GH
第三阶段:应用开发中高级就业技术
第四阶段:全网首发-工业级南向设备开发就业技术:gitee.com/MNxiaona/733GH
《鸿蒙 (Harmony OS)开发学习手册》(共计892页)
如何快速入门?
1.基本概念
2.构建第一个ArkTS应用
3.……
开发基础知识:gitee.com/MNxiaona/733GH
1.应用基础知识
2.配置文件
3.应用数据管理
4.应用安全管理
5.应用隐私保护
6.三方应用调用管控机制
7.资源分类与访问
8.学习ArkTS语言
9.……
基于ArkTS 开发
1.Ability开发
2.UI开发
3.公共事件与通知
4.窗口管理
5.媒体
6.安全
7.网络与链接
8.电话服务
9.数据管理
10.后台任务(Background Task)管理
11.设备管理
12.设备使用信息统计
13.DFX
14.国际化开发
15.折叠屏系列
16.……
鸿蒙开发面试真题(含参考答案):gitee.com/MNxiaona/733GH
鸿蒙入门教学视频:
美团APP实战开发教学:gitee.com/MNxiaona/733GH
写在最后
- 如果你觉得这篇内容对你还蛮有帮助,我想邀请你帮我三个小忙:
- 点赞,转发,有你们的 『点赞和评论』,才是我创造的动力。
- 关注小编,同时可以期待后续文章ing🚀,不定期分享原创知识。
- 想要获取更多完整鸿蒙最新学习资源,请移步前往小编:
gitee.com/MNxiaona/733GH