使用Ffpgem ，silk-v3-decoder，wavesurfer。
一：用php后台来输出波形图，可查看资源包对应的wavToImg.php（没有第二种准确）
二：使用小程序web-view，通过wavesurfer来实现。因为小程序不支持绘图。
以上两种方法都需要注意：
如果不是真机测试，则不需要silkdecode.php，小程序录音silk文件需要base64解码。php_cmd.php用来执行ffpgem。 silk转wav。wavToImg.php则用来绘图。
真机测试则不需要silk-decoded。
注意：真机测试不需要
先看效果图：
小程序index.js：
//index.js
//获取应用实例
var app = getApp()
Page({
data: {
motto: 'Hello World',
record_tmpfile: '', // 最近一次录音的临时文件路径;
record_ms: '', // 录音的毫秒数
uploaded_url: '', // 已上传文件的路径;
userInfo: {},
img_l: ''
},
gotoImg:function(e){
wx.redirectTo({
url: "/pages/playImg/playImg"
})
},
// 录音功能:
handleRecordStart: function(e) {
const that = this
const timeStart = Date.now();
wx.startRecord({
success: function(res) {
console.log('record success res: ', res.tempFilePath);
// uploaded_url = res.tempFilePath;
that.setData({
uploaded_url: res.tempFilePath
})
var tempFilePath = res.tempFilePath
that.setData({
record_tmpfile: tempFilePath,
record_ms: Date.now() - timeStart,
});
},
fail: function(res) {
//录音失败
console.log('record fail res: ', res);
wx.stopRecord();
if (res.errMsg.indexOf('auth') >= 0) {
wx.showModal({
title: '无法录音',
content: '您已经拒绝访问麦克风，无法使用录音功能，如需使用，请删除此小程序，并重新搜索打开',
showCancel: false,
});
} else {
wx.showToast({
title: '未知错误',
})
}
}
})
setTimeout(function() {
//结束录音
wx.stopRecord()
}, 60000);
},
// 停止录音:
handleRecordEnd: function(e) {
wx.stopRecord()
},
// 播放录音:
handlePlayVoice: function() {
console.log('start play voice');
wx.playVoice({
filePath: this.data.record_tmpfile,
})
},
fenxi:function(){
},
handleUploadVoice: function() {
const { record_tmpfile, record_ms } = this.data;
wx.showLoading({ title: '上传中' });
const that = this;
wx.uploadFile({
url: app.api_url + 'silk-v3-decoder/silkToWav.php',
filePath: record_tmpfile,
name: 'file',
formData: {
audio_ms: record_ms,
},
success: function(res) {
wx.hideLoading();
var data = res.data
console.log('upload_res: ', res);
const data2 = JSON.parse(res.data);
console.log('upload res data2: ', data2);
//do something
let toastTitle = '上传成功';
if (data2.c != 0) {
toastTitle = data2.m;
} else {
that.setData({ uploaded_url: data2.d });
}
setTimeout(function() {
wx.showToast({ title: toastTitle });
}, 500);
},
fail: function(res) {
wx.hideLoading();
}
})
}
})全部代码包
扫描二维码关注公众号，回复：
5413035 查看本文章
