早先在 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') 修改为 选择文章内容 同样可以朗读正文内容 (文本超长的话就不好玩了[衰/])

其他更过好玩的方法有待你的折腾