当前位置: 首页 > news >正文

chooseVideo传视频无法取到缩略图

微信小程序中 chooseVideo 和 chooseMedia 的区别

两者均为微信小程序提供的媒体选择接口,但功能和使用场景存在差异:

chooseVideo
专用于选择视频文件,支持从相册或相机拍摄获取视频。返回结果包含视频临时路径、时长、大小等信息,但不会自动生成缩略图。需通过 VideoContextwx.createMediaContainer 处理视频帧截图。

chooseMedia
为多类型媒体选择接口(图片+视频),支持同时选择或拍摄多种媒体文件。返回结果中,视频文件会默认生成首帧缩略图(thumbTempFilePath),适合需要预览的场景。


解决无缩略图问题的方法

方法1:使用 chooseMedia 替代

wx.chooseMedia({count: 1,mediaType: ['video'],success(res) {console.log(res.tempFiles[0].thumbTempFilePath) // 自动生成的缩略图路径}
})

方法2:手动生成缩略图(chooseVideo场景)

wx.chooseVideo({sourceType: ['album', 'camera'],success(res) {const videoCtx = wx.createVideoContext('videoPlayer');videoCtx.seek(0).then(() => {setTimeout(() => {wx.canvasToTempFilePath({x: 0,y: 0,width: 300,height: 200,destWidth: 300,destHeight: 200,canvasId: 'snapshotCanvas',success(res) {console.log(res.tempFilePath) // 自定义缩略图}})}, 500)})}
})


关键差异总结

特性chooseVideochooseMedia
媒体类型仅视频图片+视频混合
缩略图生成不支持自动生成首帧缩略图
多选支持
返回数据结构视频专属字段统一媒体文件结构

建议根据实际需求选择接口:若需快速获取视频缩略图,优先使用 chooseMedia;若需要更专业的视频控制(如精确截帧),则选择 chooseVideo 配合手动处理。

http://www.dtcms.com/a/513112.html

相关文章:

  • 给网站如何做飘窗韩国服装网站建设
  • 高级技巧:利用淘宝 API 的字段映射与数据增强,丰富商品信息维度
  • PM2.5实验滤膜等分切割器90mm疾控中心可用
  • 【独龙江的守望】中国历朝历代历史信息整理
  • 企业网站快速优化排名韩国优秀电商网站
  • 源码下载网站推荐wordpress 制作小工具栏
  • 强网杯-2025-pwn-bph
  • 对前后端分离与前后端不分离(通常指服务端渲染)的架构进行全方位的对比分析
  • 大数据成矿预测系列(五) | 告别特征工程:卷积神经网络(CNN)如何实现“端到端”成矿预测
  • 国内响应式网站模板教学网站建设 效益
  • 华东建设安装有限公司网站wordpress手机编辑器插件下载
  • 请谈谈源码中StaticLayout的用法和应用场景?
  • 运营网站清风室内设计培训学校
  • UVa 10587 Mayor‘s Posters
  • 非洲用什么网站做采购开源低代码平台
  • 网站服务器空间不足最好的建站平台
  • LeetCode 3143.正方形中的最多点数
  • python 做电商网站北京朝阳客户端
  • 错误示例和如何规避
  • 电子商务网站建设实训心得体会哪里做外贸网站
  • OPARTMENT发布Light 系列 以“光”重塑都市青年生活方式
  • Ubuntu 系统安装教程(二):系统安装
  • JVM调优实战:一次GC风暴的排查与优化全记录
  • 修改查询默认1W限制
  • 网站建设 宣传商丘网站建设有哪些
  • 商业网站的创建程序线上运营推广是做什么的
  • 泉港区建设局网站廉政网站建设调查的问卷
  • 常宁市城市建设规划管理局网站4a广告公司排名
  • CHI-Read Transaction
  • LeetCode——二分(进阶)