web端如何直接生成语音

在Web端直接生成语音通常可以使用Web Speech API。这是一个简单的例子，展示了如何使用这个API在网页上生成语音：

<!DOCTYPE html>
<html>
<head>
<title>Text to Speech Example</title>
</head>
<body>
 
<textarea id="text" rows="10" cols="50">
请输入你想转换成语音的文本。
</textarea>
 
<button onclick="speak()">生成语音</button>
 


<script>
function speak() {
  const text = document.getElementById('text').value;
  const msg = new SpeechSynthesisUtterance(text);
  window.speechSynthesis.speak(msg);
}
</script>
 
</body>
</html>

在上面的代码中，我们定义了一个文本区域和一个按钮。当用户点击按钮时，speak 函数被触发，它创建了一个SpeechSynthesisUtterance对象，这个对象包含了要转换成语音的文本。然后，我们使用window.speechSynthesis.speak()方法来生成语音。

需要注意的是，Web Speech API的语音合成功能可能会受到浏览器支持的限制，不过大多数现代浏览器都已经支持这个API。

以下是一个演示示例：

相关