先放一个实例的地址https://github.com/wenco/speech

jQuery.speech是用jQuery写的扩展插件，主要是用来语音播报。

接口调用百度翻译的接口，所以存在url参数长度问题。百度接口本身也不允许长文本调用，只能短文本调用。

初始参数详解： "speech": true, //通过点击链接播报，还是直接播报 "lang": "zh", //语言
"speed": 3, //语速
"sWidth": 16, //链接按钮的宽度
"sHeight": 13, //链接按钮的高度
"bg": "./image/speech.png", //链接按钮的背景图片
"content": "这是一段测试内容" //直接播报内容

具体代码：

<div id="Result">告诉玉儿吃啥</div>
<script src="js/jQuery/jQuery-2.1.4.min.js"></script>
<script src="js/speech/jQuery.speech.min.js"></script>
<script>
    $(‘#Result‘).speech({
        "speech": true,
        "speed": 1,
        "bg": "./images/speech.png"
    });
</script>

然后就大功告成啦！

jQuery.speech实现文本转语音播报功能