先放一个实例的地址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>
然后就大功告成啦!