<!--pages/record/record.wxml-->
<button bindtap="playVoice" type="primary" disabled="{{tempFilePath === ''}}">播放錄音</button>
<button type="warn" bindtouchstart="beginRecord" bindtouchend="endRecord">長(zhǎng)按開(kāi)始錄音，松手停止錄音</button>

// pages/record/record.js
// 兩個(gè)實(shí)例聲明在Page之外，方便訪問(wèn)
const recorderManager = wx.getRecorderManager() //這是錄音功能的實(shí)例，必須的
const innerAudioContext = wx.createInnerAudioContext(); //這是播放錄音功能需要的實(shí)例
Page({
 data: {
 tempFilePath: '' //存放錄音文件的臨時(shí)路徑
 },
 // 播放錄音
 playVoice: function(e) {
 innerAudioContext.onPlay(() => {
 console.log('開(kāi)始播放')
 })
 innerAudioContext.onError((res) => {
 console.log(res.errMsg)
 console.log(res.errCode)
 })
 innerAudioContext.play();
 },
 // 錄音
 beginRecord:function(e) {
 // 監(jiān)聽(tīng)錄音開(kāi)始事件
 recorderManager.onStart(() => {
 console.log('recorder start')
 })
 // 監(jiān)聽(tīng)已錄制完指定幀大小的文件事件。如果設(shè)置了 frameSize，則會(huì)回調(diào)此事件。
 recorderManager.onFrameRecorded((res) => {
 const { frameBuffer } = res
 console.log('frameBuffer.byteLength', frameBuffer.byteLength)
 })
 //錄音的參數(shù)
 const options = {
 duration: 60000, //錄音時(shí)間，默認(rèn)是60s，提前松手會(huì)觸發(fā)button的bindtouchend事件，執(zhí)行停止函數(shù)并上傳錄音文件。超過(guò)60s不松手會(huì)如何并未測(cè)試過(guò)
 sampleRate: 44100,
 numberOfChannels: 1,
 encodeBitRate: 192000,
 format: 'mp3', //錄音格式，這里是mp3
 frameSize: 50 //指定幀大小，單位 KB。傳入 frameSize 后，每錄制指定幀大小的內(nèi)容后，會(huì)回調(diào)錄制的文件內(nèi)容，不指定則不會(huì)回調(diào)。暫僅支持 mp3 格式。
 }
 //開(kāi)始錄音
 recorderManager.start(options); 
 },
 //停止錄音并上傳數(shù)據(jù)
 endRecord:function(e) {
 const self = this;
 //停止錄音
 recorderManager.stop();
 //監(jiān)聽(tīng)錄音停止事件，執(zhí)行上傳錄音文件函數(shù)
 recorderManager.onStop((res) => {
 console.log('recorder stop', res)
 //返回值res.tempFilePath是錄音文件的臨時(shí)路徑 (本地路徑) 
 self.setData({
 tempFilePath: res.tempFilePath
 })
 innerAudioContext.src = res.tempFilePath
 //上傳錄音文件
 var uploadTask = wx.uploadFile({
 //沒(méi)有method，自動(dòng)為POST請(qǐng)求
 filePath: res.tempFilePath,
 name: 'recordFile',  //這個(gè)隨便填
 url: 'http://localhost:3000/record', //填寫(xiě)自己服務(wù)器的地址。
 header: {
 "Content-Type": "multipart/form-data" //必須是這個(gè)格式
 },
 success:(e) => {
 console.log('succeed!');
 console.log(e); 
 },
 fail: (e) => {
 console.log('failed!');
 console.log(e); 
 }
 });
 uploadTask.onProgressUpdate((e) => {
 console.log(e);
 console.log('期望上傳的總字節(jié)數(shù)：' + e.totalBytesExpectedToSend);
 console.log('已經(jīng)上傳的字節(jié)數(shù)' + e.totalBytesSent); 
 })
 })
 }
})

npm install express

npm install connnect-multiyparty

//這是我的路由文件的代碼片段，監(jiān)聽(tīng)端口號(hào)3000等設(shè)置在我的另一個(gè)文件內(nèi)。
//這只是代碼片段，大概率跑不起來(lái)，只起一個(gè)demo的作用。如果需要完整的代碼，可以留言給我。

const express = require('express');
const multiparty = require('connect-multiparty');

var router = express.Router();
var multipartMiddleware = multiparty();
router.use(multiparty({uploadDir:'./temp'})); //將接收文件的地址更改為當(dāng)前目錄下的temp文件夾。如果沒(méi)有，則需要新建該文件夾。

// 處理錄音文件
//只需要這樣處理，上傳的MP3文件就會(huì)保存在指定的目錄下了。
router.post('/record', multipartMiddleware, (request, response) => {
 console.log('received a request');
 console.log(request.files);
 request.on('end', () => {
 response.send('通信完成');
 })
 
})

var multipart = require('connect-multiparty');
var multipartMiddleware = multipart();
app.post('/upload', multipartMiddleware, function(req, resp) {
 console.log(req.body, req.files);
 // don't forget to delete all req.files when done
});

var fs = require('fs');
var source = fs.createReadStream(path);
var dest = fs.createWriteStream(output);
source.pipe(dest);
source.on('end', function() { fs.unlinkSync(path);}); //delete
source.on('error', function(err) { });