前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信短视频小程序——视频封面,视频缩略图

微信短视频小程序——视频封面,视频缩略图

作者头像
hotqin888
发布2020-08-25 14:59:19
4.4K0
发布2020-08-25 14:59:19
举报
文章被收录于专栏:hotqin888的专栏hotqin888的专栏

源码在:https://gitee.com/AtlantisChina/WeChat-Video,readme里有网盘的视频链接,需要的注意观看。

文字学习在:https://www.cnblogs.com/bozzzhdz/p/9716826.html

显示根据文字,将代码放到自己项目里,后来发现有源码,那直接改源码了。

我这里主要的贡献就是找到了视频封面(视频缩略图)的做法。

thumbTempFilePath

string

视频缩略图临时文件路径

https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseMedia.html

网上旧的资料比如用什么mpeg啥的转换,微信小程序提供了choosemedia方法获取视频缩略图。

我思考着,视频数据表里存放了视频名称和路径,其实只要存放id和路径就行了。名称是多余的,因为路径里包含了名称。而视频缩略图jpg呢,其实不同存如数据库都行。比如,我上传了视频到硬盘中,同时写入视频数据表。当然,要修改名称为唯一。返回视频存储记录id,然后小程序端收到返回id,再上传缩略图到硬盘,此时根据刚才返回的id,查询视频路径,算出文件名称,将缩略图按这个名称存入硬盘中和视频同一个位置。结束。查询视频的时候,获得视频路径,算出名称,同时也得到缩略图的路径。

不过,我没采用这种方式。我在视频存储表中放了名称,放了视频路径,放了缩略图路径。第一次上传视频后,缩略图路径先空着。然后返回id,小程序再次上传缩略图,根据id查询得到路径和名称,将缩略图存入硬盘相同路径,更新数据表,填写封面缩略图路径。

小程序前端有个坑,就是要注释掉根目录下app.wxss里的container样式,否则播放页面里的各种图标的位置不对或无法显示全图标。

获取视频封面(缩略图)要用choosemedia,不能用choosevideo。

小程序上传文件uploadfile返回的golang的json格式有问题,当返回结构体数据时,无法取到具体值,返回一个值就可以。

服务的我用的是engineercms

主要就是提供视频存储和查询而已。。

服务端的视频播放可以参考上一篇,采用流媒体。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-08-24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档