vue 微信录音倒计时_vue的微信语音功能，录音+对接口返回amr音频播放-Go语言中文社区...

vue的微信语音功能，录音+对接口返回amr音频播放

最近的新项目需要调用微信的录音功能，但是后台又不给音频转码，无奈之下就踏上了研究前端音频编码器这东西。

参考的GitHub仓库——Recorder

参考的GitHub仓库——benz-amr-recorder

先上代码：

在index.html加载下面三个js

app-min.js对应的是下图这个文件，其他两个文件都可以在该仓库找到名字一样

然后在你需要播放amr音频的页面添加以下方法

// 加载音频的方法 voice参数是接口返回的amr链接.amr，这个需要后端的把微信的amr音频存储到本地再返回给前端

(该方法只能播放同源的音频链接)

loadDemoBtn(voice){

// this.amr = new BenzAMRRecorder();

this.loadDemoBtn1.setAttribute('disabled', true);

this.loadAmrFile1.setAttribute('disabled', true);

this.playBtn.setAttribute('disabled', true);

const that = this;

// http://localhost:8081/addons/yun_shop/static/app/mario.amr

// https://dev1.yunzshop.com/addons/yun_shop/storage/app/public/business_card/3f91e0ce6866d86639