更新记录
1.0.0(2025-12-03)
- 获取视频缩略图、封面图,支持获取第几秒的封面
平台兼容性
uni-app(3.6.15)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| - |
- |
- |
- |
√ |
√ |
5.0 |
√ |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| - |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
uni-app x(3.6.15)
| Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
| - |
- |
5.0 |
√ |
- |
- |
其他
获取视频封面图,支持获取第几秒的封面
- 选择相片/拍照
- 直接打开系统相册选择相片
- 直接打开相机拍照
- 直接打开相机录像
集成步骤
- 拷贝demo里的AndroidManifest.xml文件到项目根目录
- 集成插件,集成插件步骤请参考
https://www.cnblogs.com/wenrisheng/p/18323027
接口
import {
UTSVideoCover
} from "@/uni_modules/wrs-uts-videocover"
let path = "http://192.168.2.204:8080/file/1.mp4"
let name = new Date().getTime()
let filePath = plus.io.convertLocalFileSystemURL("_downloads/" + name + ".jpg")
let params = {}
params.url = path // 视频路径,支持本地文件(如:file:///xxxx/xxxx.mp4)、网络文件(如:http://192.168.2.204:8080/file/1.mp4)
params.filePath = filePath // 图片保存路径
params.time = 1 // 获取第几秒的图片
console.log("params:" + JSON.stringify(params))
UTSVideoCover.getCoverImage(params, (resp) => {
console.log("resp:" + JSON.stringify(resp))
let imageFilePath = resp.filePath
if (imageFilePath) {
this.imageSrc = "file://" + imageFilePath
console.log("src:" + this.imageSrc)
} else {
this.showMsg("抓图错误:" + JSON.stringify(resp))
}
})