微信公众号-音频接口(上传、下载、辨音)

原文链接:https://www.cnblogs.com/liruoruo/p/10276109.html

音频相关接口，其中需要注意的是：上传语音有效期3天，可用微信多媒体接口下载语音到自己的服务器，此处获得的 serverId 即 media_id，参考文档 .目前多媒体文件下载接口的频率限制为10000次/天，如需要调高频率，请登录微信公众平台，在开发 - 接口权限的列表中，申请提高临时上限。

            <div class="content"><!-- 音频接口 --><!-- 1.开始录音 --><input type="button" name="" id="startRecord" value="开始录音" /><!-- 2.播放录音接口 --><input type="button" name="" id="stopRecord" value="播放录音" /><!-- 3.暂停播放接口 --><input type="button" name="" id="pauseVoice" value="暂停播放" /><!-- 5.上传语音接口 --><input type="button" name="" id="uploadVoice" value="上传语音" /><!-- 6.下载语音接口 --><input type="button" name="" id="downloadVoice" value="下载语音" /><!-- 7.识别音频并返回识别结果接口 --><input type="button" name="" id="translateVoice" value="听音辨字" /><div class="translateVoice" style="border: 1px solid #EBEBEB;padding: 20px;"></div></div>

相关js代码

globalObj.post({url: window.location.href,
}, '/apis/Wxshare/share_wx', function(res) {// alert(JSON.stringify(res))var signPackage = res.data.signPackagewx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: signPackage.appId, // 必填，公众号的唯一标识timestamp: signPackage.timestamp, // 必填，生成签名的时间戳nonceStr: signPackage.nonceStr, // 必填，生成签名的随机串signature: signPackage.signature, // 必填，签名，见附录1jsApiList: ['startRecord','stopRecord','playVoice','translateVoice','onVoiceRecordEnd','pauseVoice','onVoicePlayEnd','uploadVoice','downloadVoice'], // 所有要调用的 API 都要加到这个列表中});wx.ready(function() {var serverId=''//服务器音频IDvar startflag=true$('#startRecord').on('tap',function(){if(startflag){<!-- 1.开始录音 -->$('[name=startRecord]').val('停止录音')wx.startRecord();startflag = false<!-- 4.监听录音自动停止接口 -->wx.onVoiceRecordEnd({// 录音时间超过一分钟没有停止的时候会执行 complete 回调complete: function (res) {var localId = res.localId; $('#stopRecord').attr('data-localId',localId)startflag = true}});}else{<!-- 2.停止录音接口 -->wx.stopRecord({success: function (res) {var localId = res.localId;// 把音频的本地ID绑定到播放音频的按钮上$('#stopRecord').attr('data-localId',localId)$('[name=startRecord]').val('开始录音')}});}})$('#stopRecord').on('tap',function(){<!-- 3.播放录音接口 -->wx.playVoice({localId: $('#stopRecord').attr('data-localId'), // 需要播放的音频的本地ID，由stopRecord接口获得success:function(){// 监听语音播放完毕接口wx.onVoicePlayEnd({success: function (res) {var localId = res.localId; // 返回音频的本地IDalert('语音播放完毕')}});}});})$('#pauseVoice').on('tap',function(){<!-- 3.播放录音接口 -->wx.pauseVoice({localId: $('#stopRecord').attr('data-localId') // 需要播放的音频的本地ID，由stopRecord接口获得});})$('#uploadVoice').on('tap',function(){<!-- 5.上传语音 -->/*** 上传语音有效期3天，可用微信多媒体接口下载语音到自己的服务器，此处获得的 serverId 即 media_id*/wx.uploadVoice({localId: $('#stopRecord').attr('data-localId'), // 需要播放的音频的本地ID，由stopRecord接口获得isShowProgressTips: 1, // 默认为1，显示进度提示success: function (res) {serverId = res.serverId; // 返回音频的服务器端IDalert('上传成功')}});})$('#downloadVoice').on('tap',function(){<!-- 6.下载语音 -->wx.downloadVoice({serverId: serverId, // 需要播放的音频的本地ID，由stopRecord接口获得isShowProgressTips: 1, // 默认为1，显示进度提示success: function (res) {var localId = res.localId; // 返回音频的本地ID$('#stopRecord').attr('data-localId',localId)}});})$('#translateVoice').on('tap',function(){<!-- 6.下载语音 -->wx.translateVoice({localId: $('#stopRecord').attr('data-localId'), // 需要播放的音频的本地ID，由stopRecord接口获得isShowProgressTips: 1, // 默认为1，显示进度提示success: function (res) {$('.translateVoice').html(res.translateResult)}});})});
})

微信公众号-音频接口(上传、下载、辨音)相关推荐

学一学微信公众号如何高效上传附件
在过去的几年时间中,我一直是做公众号运营工作,见证了微信公众号由小到大的成长,也在这个过程中不断地完善自己的公众号运营技能,让自己能够更好的适应公众号的运营. 其中,有一项技能是微信公众号运营必须掌握 ...
PHP开发微信公众号，实现上传永久素材
众号永久素材从名字可以知道, 我们的永久素材上传到微信服务器后, 只要你不删除, 永久有效, 可以使用. 所以我们上传永久素材后, 获取它的media_id, 直接存入到我们的web服务器数据库, 这 ...
微信公众号多图上传
最近弄微信公众号对接,需要调用微信接口,多图上传 <div style="display: flex; align-items: center;" class="w ...
微信公众号里如何上传html,微信公众号怎么做表单，微信万能表单如何添加到公众号里...
微信的使用占据着大众的日常,而微信上的一些订单.预约.登记.投诉.反馈等功能都可以使用微信万能表单来实现,那么微信万能表单怎么做?下文带来微信公众号表单制作方法,方法很简单,需要的朋友一起看看吧. 微 ...
微信公众号项目录音上传功能
微信公众号项目wx.startRecord录音本文包含以下功能: 1.开始录音 2.结束录音 3.上传录音 4.开始播放录音 5.结束播放录音开始录音: var alltime = 60; //总 ...
微信公众号编辑器图片上传后有白色背景
在微信公众号编辑器里面上传图片后发现有的图片会自动添加一个白色的背景,仔细研究了一下发现了一个规律,那些会自动添加白色背景的图片一般有以下两个条件: 1:图片为透明背景 2:图片比较大,至于多大算大, ...
微信公众号JS-SDK图片上传
1.引入的方式有两种,可用npm也可直接下载js文件引入 npm install jweixin-module --save 2.依赖下载了之后可直接在需要掉起图片上传功能的页面引入并直接配置参数: ...
关于微信公众号实现图片上传的问题总结
最开始做这块的时候,主要是有两种方案方案一利用微信提供的接口实现:参考链接:https://www.cnblogs.com/lilinwei340/p/6379464.html 方案二,利用输入输 ...
[问题已处理]微信公众号授权提示内容与下载文件不符，请检查文件内容或重新上传
微信公众号授权提示内容与下载文件不符,请检查文件内容或重新上传今天申请微信公众号平台的时候微信公众号授权提示内容与下载文件不符,请检查文件内容或重新上传但是直接访问文件是可以获取到文件内容的 ...

微信公众号-音频接口(上传、下载、辨音)

微信公众号-音频接口(上传、下载、辨音)相关推荐

最新文章

热门文章