js文字转语音-玄门社区-风水自学网

139 查看	0 回复

主题：js文字转语音 [收藏主题]

lan988 当前在线

219 主题	138 广播	28 粉丝

级别:管理员

用户积分:42 分
登录次数:998 次
注册时间:2007-3-30
最后登录:2024-5-19
论坛高手

lan988 发表于：2024-1-13 20:41:54 | 只看该作者查看该作者主题楼主

<!DOCTYPE html>

<head>

<title>文字转语音</title>

</head>

<body>

<h1>文字转语音</h1>

<option value="">Select A Voice</option>

</select>

<label for="pitch">Pitch:</label>

<textarea name="text">我是可以说话的哦</textarea>

<button id="speak">Speak</button>

</div>

const synth = window.speechSynthesis

const msg = new SpeechSynthesisUtterance()

let voices = []

const voicesDropdown = document.querySelector('[name="voice"]')

const options = document.querySelectorAll('[type="range"], [name="text"]')

const speakButton = document.querySelector('#speak')

const stopButton = document.querySelector('#stop')

msg.text = '我是可以说话的哦！'

msg.lang = 'zh-CN'

synth.addEventListener('voiceschanged', getSupportVoices)

speakButton.addEventListener('click', throttle(handleSpeak, 1000))

stopButton.addEventListener('click', handleStop)

options.forEach(e => e.addEventListener('change', handleChange))

function getSupportVoices() {

voices = synth.getVoices()

voices.forEach(e => {

const option = document.createElement('option')

option.value = e.lang

option.text = e.name

voicesDropdown.appendChild(option)

})

}

function handleSpeak(e) {

msg.lang = voicesDropdown.selectedOptions[0].value

synth.speak(msg)

}

function handleStop(e) {

synth.cancel(msg)

}

function handleChange(e) {

msg[this.name] = this.value

}

function throttle(fn, delay) {

let last = 0

return function () {

const now = new Date()

if (now - last > delay) {

fn.apply(this, arguments)

last = now

}

</script>

</body>

</html>

分享到

很好很好

本站是提供个人知识管理的网络存储空间，所有非本站原创内容均由用户发布，不代表本站观点。如发现有害或侵权内容，请点击这里举报

支持(0) |

反对(0)

顶端

底部

＜下一主题 | 上一主题＞

<< 返回列表

首页 1