百度找了好多，大概分为两种，一种使用百度语音的API，另一种使用H5自带（低版本不兼容）
下面为一个模拟页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>
<input type="text" id="audio">
<input type="button" id="tts_btn" onclick="test()" value="播放">
</div>
<script type="text/javascript">
var speechSU = new window.SpeechSynthesisUtterance();
function test(){
var text = document.getElementById('audio').value;
speechSU.text = text;
window.speechSynthesis.speak(speechSU);
}
</script>
</body>
</html>