html 文字转语音
时间: 2023-08-25 19:17:45 浏览: 109
要将 HTML 文字转换为语音,您可以使用 Web Speech API。以下是一个简单的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>HTML 文字转语音</title>
</head>
<body>
<input type="text" id="text-input" placeholder="请输入要转换的文本">
<button onclick="speak()">转换为语音</button>
<script>
function speak() {
var text = document.getElementById("text-input").value;
// 使用 Web Speech API 进行语音转换
var speech = new SpeechSynthesisUtterance();
speech.text = text;
speechSynthesis.speak(speech);
}
</script>
</body>
</html>
```
在上面的示例中,有一个文本输入框和一个按钮。当用户在文本输入框中输入要转换的文本,并点击按钮时,`speak()` 函数将获取文本输入框的值,并使用 Web Speech API 将其转换为语音。
请注意,浏览器支持程度可能会有所不同,因此在使用此方法之前,请确保目标浏览器支持 Web Speech API。希望这可以满足您的需求!如果您有任何其他问题,请随时提问。
阅读全文