【HTML5】HTML5 语音合成
warning:
这篇文章距离上次修改已过201天，其中的内容可能已经有所变动。
HTML5 的 Speech Synthesis API 允许开发者使用 JavaScript 创建文本到语音转换的应用。以下是一个简单的示例，展示如何使用 HTML5 的 Speech Synthesis API 来进行语音合成：
<!DOCTYPE html>
<html>
<head>
<title>HTML5 语音合成示例</title>
</head>
<body>
<p>请点击按钮，让浏览器说出某段文本。</p>
<button onclick="speak()">合成语音</button>
<script>
function speak() {
if ('speechSynthesis' in window) {
const utterance = new SpeechSynthesisUtterance('你好，世界！');
window.speechSynthesis.speak(utterance);
} else {
alert('抱歉，您的浏览器不支持语音合成。');
}
}
</script>
</body>
</html>在这个示例中，我们定义了一个 speak 函数，当按钮被点击时，会检查浏览器是否支持 Speech Synthesis API。如果支持，它会创建一个 SpeechSynthesisUtterance 对象，这个对象包含了要合成的文本。然后，调用 window.speechSynthesis.speak() 方法来开始语音合成。如果浏览器不支持 Speech Synthesis API，会显示一个警告框。
评论已关闭