jQuery HTML元素发音音效插件

HTML 元素的发音音效插件,挺适合做教学网站或者互动页面的。利用 HTML5 的audio标签和一点点 jQuery 操作,你就能让页面上的元素“说话”。像点击按钮、鼠标移上去,甚至定时播放音效都不在话下,效果还蛮灵活的。

插件封装得挺不错,基本不用写复杂的 JS。你只要用$('.word')选中元素,再绑个事件,比如clickhover,再配置下音频路径就行了。声音文件你可以放在audio目录里,格式支持mp3wav这些常见的。

还有一点,像readme.htmlindex.html这种文档和示例文件也都有,照着抄基本能跑起来。js目录里是插件核心,css控制样式,assets放音频文件,结构清晰,改起来也方便。对了,如果你想做成多个元素对应不同发音,也可以通过设置不同的音频源来实现,插件支持这个。

浏览器兼容性也考虑得比较周全,主流浏览器都能跑。如果你要给小朋友做拼音教学、做朗读提示、按钮音效提示这种,就挺合适。你要用,还记得查下readme.html,有详细。

如果你对 HTML5 的音频标签还不太熟,建议也去看看,配合用会更顺手。

zip 文件大小:469.14KB