首先我们要在引入的地方写这一段代码

const synth = window.speechSynthesis;
const msg = new SpeechSynthesisUtterance();

其次在我们要在methods里写两个函数

// 语音播报的函数
/**
*  text – 要合成的文字内容,字符串
* lang – 使用的语言,字符串, 例如:“zh-cn”
* voiceURI – 指定希望使用的声音和服务,字符串
* volume – 声音的音量,区间范围是0到1,默认是1
* rate – 语速,数值,默认值是1,范围是0.1到10,表示语速的倍数,例如2表示正常语速的两倍。
* pitch – 表示说话的音高,数值,范围从0(最小)到2(最大)。默认值为1
*/
handleSpeak(text){
  msg.text = text;
  msg.lang = 'zh-CN';
  msg.volume = '1';
  msg.rate = 1;
  msg.pitch = 1;
  synth.speak(msg);
},
// 语音停止
handleStop(e){
  msg.text = e;
  msg.lang = 'zh-CN';
  synth.cancel(msg);
}

然后我们就可以在需要的地方执行这个该函数了

this.handleSpeak('你长得真好看!');
Logo

前往低代码交流专区

更多推荐