首页请用js写一个简单的文字转语音的H5页面

请用js写一个简单的文字转语音的H5页面

时间: 2024-03-26 09:40:01 浏览: 73

你可以使用Web Speech API来实现文字转语音的功能。下面是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文字转语音</title> </head> <body> <h1>文字转语音</h1> <textarea id="text" rows="5" cols="50"></textarea> <br> <button onclick="speak()">播放</button> <button onclick="stop()">停止</button> <script> var synth = window.speechSynthesis; var utterance = new SpeechSynthesisUtterance(); function speak() { var text = document.getElementById("text").value; utterance.text = text; synth.speak(utterance); } function stop() { synth.cancel(); } </script> </body> </html> ``` 这个页面包含一个文本框和两个按钮，分别用于输入要转换的文本、播放语音和停止播放。当用户点击“播放”按钮时，页面会调用`window.speechSynthesis.speak()`方法来播放语音。如果用户点击“停止”按钮，页面会调用`window.speechSynthesis.cancel()`方法来停止播放语音。需要注意的是，Web Speech API并不在所有的浏览器中都被支持。在不支持的浏览器中，你可以考虑使用第三方语音服务API，如Google Cloud Text-to-Speech API来实现文字转语音的功能。

阅读全文