介绍前端代码如下 $ (& # 39;.luyin& # 39;)。(& # 39; touchstart& # 39;函数(){
wx.startRecord ({
成功:函数(){
.getTime开始=new日期()();
wx.onVoiceRecordEnd ({//录音时间超过一分钟没有停止的时候会执行完成回调
完成:函数(res) {
警报(& # 39;最多只能录制一分钟& # 39;);
var localId=res.localId;
uploadluyin (localId, 60000);
}
});
}，
取消:函数(){
警报(& # 39;用户拒绝授权录音& # 39;);
返回错误;
}
});
})
美元(& # 39;.luyin& # 39;)。(& # 39; touchend& # 39;函数(){
结束日期=new () .getTime ();//录音时间
luyintime=结束-开始;
如果(luyintime & lt;2000){
结束=0;
开始=0;
wx.stopRecord ({});
警报(& # 39;录音时间不能少于2秒& # 39;);
返回错误;//小于300 ms,不录的音
其他}{
wx.stopRecord ({
成功:函数(res) {
localId=res.localId;
uploadluyin (localId luyintime);
}
});
}
})
函数uploadluyin (localId luyintime) {
wx.uploadVoice ({
localId: localId,//需要上传的音频的本地ID,由stopRecord接口获得
isShowProgressTips: 1、//默认为1,显示进度提示
成功:函数(res) {
var serverId=res.serverId;//返回音频的服务器端ID
console.log (serverId);
$ . post (“/home/xishanluyin/scyuyin", {
“serverId": serverId,
“luyintime": luyintime
}，
函数(数据){
如果(数据)。成功==1){
警报(& # 39;录音成功& # 39;);
其他}{
警报(data.msg);
}
},“json");
}
})
}
这篇文章主要介绍HTML5如何实现微信jssdk录音播放语音的案例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
HTML5微信jssdk录音播放语音的方法 需要注意的2个问题 1就是一定要判断1秒内录音都不算ps:太短不能录的音 2录音超过1分钟会发现正在录音突然消失所以要写天气。onVoiceRecordEnd这个是是1分钟会自动出发然后写上传数据。
后端代码核心代码如下直接写入mp3就行
$英尺=复制(“http://file.api.weixin.qq.com/cgi-bin/media/get?access_token={$ accessToken}, media_id={$ imgServerId}“,
APP_PATH。“/. ./公共/{$项目}/上传/{$ imgServerId} .mp3"); 然后用暴风影音播
以上是HTML5如何实现微信jssdk录音播放语音的案例分析的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
