更新记录
1.0.8(2025-02-13)
1
1.0.7(2025-02-13)
兼容鸿蒙沙盒路径的视频封面图获取
1.0.6(2025-02-13)
修改使用事例
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | - | - | 4.4 | 12 | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | - | × | × | × | × |
uni-app x
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | 5.0 | 12 | - | × |
nk-videoFrame
使用方法
调用chooseVideo选择视频后,在调用getVideoFirstFrame获取视频封面图
PS:当前官方鸿蒙加密混淆有问题,要运行在鸿蒙只能勾选源码购买,或者等官方处理好加密问题
const videoImg = ref('')
import {
getVideoFirstFrame
} from '@/uni_modules/nk-videoFrame'
//android iOS
uni.chooseVideo({
sourceType: ['album'],
maxDuration: 60,
camera: 'back',
compressed: true,
// complete: handleNoPermission,
success: (res) => {
const imgUrl = getVideoFirstFrame(res.tempFilePath)
videoImg.value = "data:image/jpeg;base64," + imgUrl;
}
})
//鸿蒙next
uni.chooseVideo({
sourceType: ['album'],
maxDuration: 60,
camera: 'back',
compressed: true,
success: async (res) => {
const imgUrl = await getVideoFirstFrame(res.tempFilePath)
url.value = "data:image/jpeg;base64," + imgUrl;
}
})