第一句子网 - 唯美句子、句子迷、好句子大全
第一句子网 > js实现文字转语音功能tts

js实现文字转语音功能tts

时间:2019-08-31 05:01:27

相关推荐

js实现文字转语音功能tts

写了很久的语音呼叫功能、调用在线语音合成的调用系统自带的都弄过多是桌面端的;现在客户又要求搞网页版的语音呼叫还是不带联网的。

客户太难伺候了

详细使用请参考 【web语音API】

完整代码

<!DOCTYPE><html xmlns="/1999/xhtml" lang="zh-CN"><head><title>网页文字转语音</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="description" content="" /><meta name="keywords" content="" /><script type="text/javascript"></script><style type="text/css"></style></head><body>文字:<input type="text" value="你好啊!请罗易到骨科一诊室就诊" id="inpu"><button onclick="sayTTS()">发声</button></body><script>function sayTTS(){var content = document.getElementById('inpu');console.log(content.value);const synth = window.speechSynthesis;const msg = new SpeechSynthesisUtterance();msg.text = content.value;// 文字内容msg.lang = "zh-CN"; // 使用的语言:中文msg.volume = 0.8;// 声音音量:0-1msg.rate = 1.5; // 语速:0-10msg.pitch = 0.8; // 音高:0-1synth.speak(msg); // 播放}</script></html>

测试效果

已经可以正常发声

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。