Web Speech API 是一个浏览器提供的用于语音识别和语音合成的API
包括 SpeechSynthesis语音合成 和 SpeechRecognition语音识别
https://developer.mozilla.org/zh-CN/docs/Web/API/SpeechSynthesis
文字转语音简单使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>语音合成功能</title> </head> <body> <h1>语音合成功能</h1> <textarea id="textToSpeak" rows="4" cols="50" placeholder="请输入要朗读的文本..."></textarea><br> <button id="speakButton">朗读文本</button> <script> const textArea = document.getElementById("textToSpeak"); const speakButton = document.getElementById("speakButton"); // 检查浏览器是否支持语音合成 if (!window.speechSynthesis) { alert("您的浏览器不支持语音合成功能。"); } // 获取语音列表 const voices = window.speechSynthesis.getVoices(); // 朗读文本 speakButton.addEventListener("click", function () { const text = textArea.value.trim(); if (text === "") { alert("请输入文本内容！"); return; } console.log("开始朗读文本：", text); const utterance = new SpeechSynthesisUtterance(text); utterance.lang = "zh-CN"; // 设置语言为中文 utterance.voice = voices.find(voice => voice.lang === "zh-CN"); // 选择中文语音 // 设置语速，取值范围通常在 0.1 到 10 之间，这里设置为 0.8 倍速 utterance.rate = 0.8; // 设置语调，取值范围一般在 0 到 2 之间，这里设为 1.5 utterance.pitch = 1.5; // 设置音量，取值范围从 0 到 1，这里设为 0.5 utterance.volume = 0.5; // 监听朗读结束 utterance.onend = function () { console.log("朗读结束！"); }; // 开始朗读 window.speechSynthesis.speak(utterance); }); </script> </body> </html>
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。