文字转语音 前端 （google自带的语音合成,文字转声音）

1安装：npm install text2voice

2新建Text2Voice.js把下面的代码拷贝到这个js文件里

function Text2Voice() { 

  this.name = "测试。。。   

this.synth = window.speechSynthesi   

this.msg = new SpeechSynthesisUtterance();

    this.msg.text = '你好。。。。。?';
    this.msg.lang = 'zh-CN';
}

/**
 *设置转译文本
 */
Text2Voice.prototype.setText = function(t) {
    this.msg.text = t;
}

/**
 *设置转场
 */
Text2Voice.prototype.setPitch = function(p) {
    this.msg.pitch = p;
}

/**
 *设置阅读速度
 */
Text2Voice.prototype.setRate = function(r) {
    this.msg.rate = r;
}

/**
 *设置语言
 */
Text2Voice.prototype.language = function(l) {
    this.msg.lang = l;
}

/**
 *播放
 */
Text2Voice.prototype.play = function() {
    this.synth.speak(this.msg)
}

/**
 *暂停
 */
Text2Voice.prototype.stop = function(e) {
    this.synth.cancel(this.msg)
}
export { //很关键
    Text2Voice
}

3在你需要的界面引入这个js文件
4调用以下代码，就能播放你输入的文字信息

window.voice = new Text2Voice()

window.voice.setText('请问你需要点什么。。。’)
window.voice.play()

注：播不出声音，有可能是你谷歌浏览器的版本太高，降低版本就行；或者主动触发，任意点击界面也可发声。