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

Posted 2021-10-14 炮炮糖

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()

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

语音合成（文字转语音）工具大全

【网页】
讯飞：
https://www.xfyun.cn/services/online_tts
https://www.ffkuaidu.com/
http://peiyin.xunfei.cn/make/ （可双人，收费）

百度：
https://ai.baidu.com/tech/speech/tts

---

 

【windows应用】

https://www.lanzous.com/b786061

---

 

【移动应用】
·讯飞朗读助手
·讯飞配音（收费）
·讯飞语音合成（收费）

---

 

【微信小程序】
·讯飞快读