
回复
最近在开发视频录制相关功能,发现在录制完视频后预览视频时,由于没有设置默认封面会显示黑屏,需要取到视频第一帧来当作封面。
完成视频录制后,使用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.`)
}
调用方法
// 建议在视频录制完成后的回调方法中来执行本方法
setTimeout(()=>{
this.getVideoFetchFrameByTime()
},100)
备注说明
说明
开发者需根据实际情况,确认资源有效性并设置fdSrc:
可以使用ResourceManager.getRawFd打开HAP资源文件描述符,使用方法可参考ResourceManager API参考。
也可以使用应用沙箱路径访问对应资源(必须确认资源文件可用),参考获取应用文件路径。应用沙箱的介绍及如何向应用沙箱推送文件,请参考文件管理。
不同AVImageGenerator或者AVMetadataExtractor,如果需要操作同一资源,需要多次打开文件描述符,不要共用同一文件描述符。