更新记录
1.0.8(2025-02-13)
1
1.0.7(2025-02-13)
兼容鸿蒙沙盒路径的视频封面图获取
1.0.6(2025-02-13)
修改使用事例
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 4.25,Android:支持,iOS:支持,HarmonyNext:不确定 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
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;
}
})