为网站添加 文本朗读功能

早先在WP实现过，比较蛋疼一点就是缓存，当然这里分享的代码不涉及后台缓存，这里是绑定h1-h6,p标签的mouseover事件，也就是鼠标悬停在标题就会朗读标题文字

JS 代码如下：

var JA_TSS_AUDIO = new Audio()
$(document).on('mouseover', 'h1,h2,h3,h,4,h5,h6,p', function(){
  JA_TSS_AUDIO.src = 'http://tts.baidu.com/text2audio?lan=zh&pid=101&ie=UTF-8&spd=2&text='+encodeURIComponent($(this).text());
  JA_TSS_AUDIO.play();
})

如果想让网页加载就朗读 文章标题的话
可以用下面的代码：

var JA_TSS_AUDIO = new Audio()
JA_TSS_AUDIO.src = 'http://tts.baidu.com/text2audio?lan=zh&pid=101&ie=UTF-8&spd=2&text='+encodeURIComponent($('title').text());
JA_TSS_AUDIO.play();

把上面的$('title') 修改为 选择文章内容 同样可以朗读正文内容 (文本超长的话就不好玩了[衰/])
其他更过好玩的方法有待你的折腾