都安做网站怀柔高端网站建设

最近uniapp项目上遇到一个需求 就是在接口调用成功的时候加上语音播报 ， ‘创建成功’ ‘开始成功’ ‘结束成功’ 之类的。

因为是固定的文本 ，所以我先利用工具生成了 文本语音mp3文件，放入项目中，直接用就好了。

这里用到的工具：知意配音

链接地址：https://peiyin.wozhiyi.com/newproduction.html

每天可免费下载2次，点链接进去有使用说明，实在不会的可私信我。

总之用起来挺方便的。

接下来，代码部分。

1. 在min.js文件里加入以下代码：

Vue.prototype.ScanAudio = function() {var music = null;music = uni.createInnerAudioContext(); //创建播放器对象 music.src = "../../static/cjcg.mp3";  //这里引入自己生成的mp3音频文件地址music.play(); //执行播放music.onEnded(() => {//播放结束music = null;});
}

2.在需要使用的页面直接调用：

//这里为接口请求成功的回调里 播放语音提示  this.ScanAudio();//播放语音  结合自己项目需求调用