课程链接:https://www.itwangzi.cn/4412.html
微信小程序中音视频的选择、展示及上传是很常见的功能,今天就来讲一下如何实现微信小程序开发中的音视频上传功能。要实现音视频的选择、展示及上传可以使用微信小程序开发框架中的3个相关的API:
l wx.chooseMedia
l wx.previewMedia
l wx.uploadFile
具体的调用顺序为
1.通过button的点击事件来调用wx.chooseMedia来选择音视频。
2.已选择的音视频可以通过wx.previewMedia来进行大图预览。
3.调用wx.uploadFile来将音视频文件上传至服务端。
下面我们在小程序上具体代码实现一下音视频上传功能:
1.调用wx.chooseMedia选择音视频
2.将已选择的图片或视频通过wx.previewMedia预览
注意:sources为一个对象组成的数组,该对象属性为url(必填、图片或视频的地址)、
type (image或video)及poster(视频的封面图片)
3.调用wx.uploadFile将已选择的音视频上传
注意:微信小程序要求接口必须为https且需要在微信公众平台配置服务器域名不然无法上架。
总结:微信小程序的音视频上传其实就是使用微信提供的API,其中UI界面都由微信提供使用起来很方便,上传需要后端服务配合,当然也可以使用微信云服务来存储音视频文件。音视频的选择及预览UI都由微信框架提供,与微信整体UI风格统一,提供了良好的用户体验。