uniapp 语音文本播报功能

小杨不香菜2023-07-31 15:15

最近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();//播放语音  结合自己项目需求调用