小程序录音上传服务器,微信小程序录音实现功能并上传(使用node解析接收)

微信小程序录音实现功能并上传(使用node解析接收)

发布时间：2020-09-04 11:59:06

来源：脚本之家

阅读：97

作者：weixin_43188227

背景

我在开发小程序的时候，有需求要实现录音功能，并能上传给服务器。小程序录音功能我是使用的微信的wx.getRecorderManager()实现的，通过该方法创建实例，实例录音得到的文件是本地临时文件，上传文件需要使用微信的wx.uploadFile(Object object)方法，这就是本次项目的背景。

小程序端

html页面主要是第一个按钮，两个事件，长按开始录音，松手停止录音。第二个按钮只是一个播放录音的功能，用于确定录音是否成功

播放录音

长按开始录音，松手停止录音

js部分主要就是两个事件

// pages/record/record.js

// 两个实例声明在Page之外，方便访问

const recorderManager = wx.getRecorderManager() //这是录音功能的实例，必须的

const innerAudioContext = wx.createInnerAudioContext(); //这是播放录音功能需要的实例

Page({

data: {

tempFilePath: '' //存放录音文件的临时路径

},

// 播放录音

playVoice: function(e) {

i