- 调用本地方法实现文字转语音 。缺点:win7系统部分版本不发声音,优点:不需要外网支持
const synth = window.speechSynthesis
const msg = new SpeechSynthesisUtterance()
created() {
this.handleSpeak('要合成的文字')
},
/**
* text – 要合成的文字内容,字符串
* lang – 使用的语言,字符串, 例如:“zh-cn”
* voiceURI – 指定希望使用的声音和服务,字符串
* volume – 声音的音量,区间范围是0到1,默认是1
* rate – 语速,数值,默认值是1,范围是0.1到10,表示语速的倍数,例如2表示正常语速的两倍。
* pitch – 表示说话的音高,数值,范围从0(最小)到2(最大)。默认值为1
*/
handleSpeak(text) {
console.log(text)
msg.text = text
msg.lang = 'zh-CN'
msg.volume = 1
msg.rate = 0.8
msg.pitch = 2
synth.speak(msg)
},
2.使用百度开发api实现。 优点:系统可以兼容。缺点:必须使用外网支持
spd:说话的速度
template:
<template>
<div id="wrapp" />
script:
var ttsDiv = document.getElementById('wrapp')
var au1 = '<audio id="wrapp_aud" autoplay="autoplay">'
var sss = '<source src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=4&per=0&text=' + '要合成的文字' + '" type="audio/mpeg">'
var au2 = '</audio>'
console.log(ttsDiv)
ttsDiv.innerHTML = au1 + sss + au2
const wrappAudio = document.getElementById('wrapp_aud')
console.log('开始播放')
wrappAudio.play()