小程序語音（A）發給別人(B)，也能播放，是需要先把語音上傳到自己的服務器上才可以。
https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.html
A端：
Wxml:
<button wx:if="{{selected}}" bind:touchstart="start" bind:touchend="stop" data-index="{{index}}" data-memberid="{{item.memberid}}">
按住回答
</button>
Js:
定義公用語音包組件
const recorderManager = wx.getRecorderManager();
const innerAudioContext = wx.createInnerAudioContext();
//開始錄音的時候
start: function() {
const options = {
duration: 10000, //指定錄音的時長，單位 ms
sampleRate: 16000, //采樣率
numberOfChannels: 1, //錄音通道數
encodeBitRate: 96000, //編碼碼率
format: 'mp3', //音頻格式，有效值 aac/mp3
frameSize: 50, //指定幀大小，單位 KB
}
//開始錄音
recorderManager.start(options);
recorderManager.onStart(() => {
console.log('開始錄音')
});
//錯誤回調
recorderManager.onError((res) => {
console.log(res);
})
},
//停止錄音
stop: function(e) {
var that = this;
var memberid= e.currentTarget.dataset.memberid;
recorderManager.stop();
recorderManager.onStop((res) => {
var list = that.data.vediolist;
var start = this.data.start;
var end = e.timeStamp;
var seconds = (end % (1000 * 60)) / 1000;
var shijian = seconds - start;
//這里也能按照時間顯示留言寬度，暫時沒做
var src = res.tempFilePath; //語音臨時文件
//先把語音上傳到自己的服務器上才可以，然后把返回的語音放入數組存儲，最后在一起存到數據庫中的字段里
wx.uploadFile({
url: hcxcx.apiUrl.getuploadvedio,
filePath: src,
header: {
'content-type': 'multipart/form-data'
},
name: "files",
formData: {
user: 'tesdt'
},
success: function(res) {
if (res.statusCode == 200) {
var aa = {
src: res.data,
memberid: memberid
}
list.push(aa);
that.setData({
vediolist: list
})
} else {
wx.showToast({
title: res.body,
icon: 'none',
duration: 2000
});
}
},
fail: function(res) {
wx.showToast({
title: res.body,
icon: 'none',
duration: 2000
});
}
});
})
},
C#端
#region 小程序錄音上傳
/// <summary>
/// 小程序錄音上傳
/// </summary>
/// <param name="_"></param>
/// <returns></returns>
[HttpPost]
public ActionResult GetUploadVedio()
{
string ImgId = string.Empty;
string webRootPath = _hostingEnvironment.WebRootPath;
var hp = _accessor.HttpContext.Request.Form.Files[0];//和前面input的name決定這個參數
string filemd5key = Guid.NewGuid().ToString("N");
try
{
var datetimename = DateTime.Now.ToString("yyyyMMdd");
var filedic = "ResourceTemp/Vedio/" + datetimename;
string filePath = webRootPath + "\\ResourceTemp\\Vedio\\" + datetimename;
//圖片默認保存路徑和文件路徑是不一樣的
//保存文件到層級目錄下
if (!Directory.Exists(filePath))
{
Directory.CreateDirectory(filePath);
}
filePath = filePath + "\\" + filemd5key + Path.GetExtension(hp.FileName);
using (FileStream fs = System.IO.File.Create(filePath))
{
hp.CopyTo(fs);
fs.Flush();
}
byte[] buffer = null;
using (FileStream fs = new FileStream(filePath, FileMode.Open))
{
buffer = new byte[fs.Length];
fs.Read(buffer, 0, buffer.Length);
}
var url = ConfigUtil.GetStr("ApiDomain");
if (!url.Contains("http"))
{
url = "http://" + url;
}
url = url + "/";
ImgId = url + filedic + "/" + filemd5key + Path.GetExtension(hp.FileName);
}
catch (Exception ex)
{
NlogUtil.wlog("GetUploadVedio", "小程序錄音上傳錯誤信息：" + ex.Message);
}
return Content(ImgId);
}
#endregion
B端
Wxml:
<view class="yuyin" bindtap="vedioplay" data-vediosrc='{{vediosrc}}'>
<image src='./../../../centent/img/yuyinshuru.png' class="yuyin_img"></image>
</view>
Js
const innerAudioContext = wx.createInnerAudioContext();
vedioplay: function(e) {
let that = this;
var src = e.currentTarget.dataset.vediosrc;
innerAudioContext.autoplay = true;
innerAudioContext.src = src;
innerAudioContext.onPlay(() => {
console.log('歷史記錄播放');
})
innerAudioContext.obeyMuteSwitch = false
innerAudioContext.onError((res) => {
console.log(res.errMsg)
console.log(res.errCode)
})
｝