殷德瑶博客
喜欢的歌,静静地听!喜欢的人,远远地看!

为网站添加 文本朗读功能

殷德瑶 2016-5-27 emlog教程 评论 5268 次


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

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

发表评论


粤ICP备15078261号 Powered by 黑暗之夜
Theme by 殷德瑶博客