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()
注:播不出聲音,有可能是你谷歌瀏覽器的版本太高,降低版本就行;或者主動觸發,任意點擊界面也可發聲。
