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

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

npm install express

npm install connnect-multiyparty

//這是我的路由文件的代碼片段，監聽端口號3000等設置在我的另一個文件內。
//這只是代碼片段，大概率跑不起來，只起一個demo的作用。如果需要完整的代碼，可以留言給我。

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

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

// 處理錄音文件
//只需要這樣處理，上傳的MP3文件就會保存在指定的目錄下了。
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) { });