文字转语音 前端 (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()

注:播不出声音,有可能是你谷歌浏览器的版本太高,降低版本就行;或者主动触发,任意点击界面也可发声。
上一篇:Array.prototype.map方法


下一篇:彻底理解JS的原型和原型链