微信短视频小程序 - 视频封面、视频缩略图
源码在: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
主要就是提供视频存储和查询而已。。
服务端的视频播放可以参考上一篇,采用流媒体。
推荐阅读
-
微信小程序开发 CMS 系统视频教程 - 免费在线视频教学 - php中文网
-
微信小程序音频视频下载(fiddler grab) - 工具->选项->连接
-
微信 "扫一扫 "物联网,全面揭秘 "扫一扫 "背后的扫盲技术!-1.1 扫一扫感知物体是做什么的? 1.1 微信扫一扫是做什么的? 扫一扫识物是指以图片或视频(商品图片:鞋/包/美妆/服饰/家电/玩具/图书/食品/珠宝/家具/其他商品)为输入媒介,挖掘微信内容生态中的有价值信息(电商+百科+资讯,如图1所示),并展示给用户。这里的电商基本涵盖了微信小程序覆盖上亿SKU的全量优质电商,可以支持用户货比N家并直接下单购买,百科和资讯则聚合了微信内的头部自媒体如搜狗、搜搜、百度等,向用户展示和分享拍摄商品相关的内容资讯。 图 1 扫一扫识别功能示意图 欢迎大家更新iOS新版微信→扫一扫→识货,亲自体验,也欢迎大家通过识货界面的反馈按钮向我们提交反馈意见。 扫一扫识物实景图展示 1.2 扫一扫识物有哪些使用场景? 扫一扫识物的目的是为用户访问微信内部生态内容开辟一个新窗口,以用户扫图片为输入形式,为用户提供微信生态内容中的百科、资讯、电商等作为展示页面。除了用户熟悉的扫一扫操作外,我们还将进一步拓展长按操作,让用户更方便地进行扫一扫操作。"扫一扫知事 "的落地场景主要涵盖三大部分: a. 科普知识: a.科普知识。用户通过扫一扫,可以在微信生态圈中获取该对象的百科、资讯等常识或趣闻,帮助用户更好地了解该对象; b.购物场景。同样的搜索功能支持用户看到喜欢的商品立即检索到微信小程序电商中的同款商品,支持用户即扫即购; c.广告场景。扫一扫识别物体可以辅助公众号文章、视频更好地理解其中蕴含的图片信息,从而更好地投放匹配广告,提高点击率。 1.3 Sweep Sense 为 Sweep 家族带来了哪些新技术? 对于扫一扫来说,大家耳熟能详的应该就是扫一扫二维码、扫一扫小程序码、扫一扫条形码、扫一扫翻译了。无论是各种形式的编码还是文字字符,都可以看作是图片的一种特定编码形式,而物的识别则是对自然场景图片的识别,这对于扫一扫家族来说是一个质的飞跃,我们希望从物的识别入手,进一步拓展扫一扫对自然场景图片的理解能力,比如扫酒、扫车、扫植物、扫人脸等服务,如下图3所示。 图 3 Sweep 家族
-
微信小程序 - 个人语音界面功能 - 免费在线视频教学 - php中文网
-
利用腾讯云实时音视频录制实现类似微信语音通话功能(小程序端)
-
微信小程序音视频解决方案
-
基于腾讯云实现微信小程序和网络视频通话
-
微信小程序免费视频通话 API
-
如何将实时音视频通话与微信小程序整合?
-
微信小程序接入腾讯 TRTC 实时视频实践