HTML5+JavaScript实现语音合成（文字转语音）
<!DOCTYPE html>
<html>
<head>
<title>Text to Speech</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<textarea id="text" rows="5" cols="40" placeholder="请输入文本..."></textarea>
<button onclick="speak()">转换为语音</button>
<script>
function speak() {
var text = document.getElementById('text').value;
var msg = new SpeechSynthesisUtterance();
msg.text = text;
window.speechSynthesis.speak(msg);
}
</script>
</body>
</html>这段代码使用了HTML5的<textarea>元素来接收用户输入的文本，并使用了HTML的<button>元素来绑定点击事件，当按钮被点击时，speak函数会被调用。speak函数中，我们通过获取文本框的值，创建了一个SpeechSynthesisUtterance的实例，并将文本设置到这个实例的text属性上。最后，我们调用window.speechSynthesis.speak()方法来开始语音合成。这个例子提供了一个简单直观的交互方式来实现文本到语音的转换。
评论已关闭