当前位置:Gxlcms > html代码 > 为你的html5网页添加音效示例_html5教程技巧

为你的html5网页添加音效示例_html5教程技巧

时间:2021-07-01 10:21:17 帮助过:49人阅读

为交互添加恰当的音效,常常能改善用户体验。在我们所熟悉的windows里,清空回收站的碎纸声就是很好的例子。
下面是一个利用HTML5, Jquery,给页面添加音效的小组件(只是添加音效,并不是播放器)。
其实很简单,就是利用HTML5中的audio标签,播放声音。不过为了照顾IE 6-8,还是用上了bgsound。
兼容所有主流浏览器(非主流不在考虑之列了)
闲话少说,上代码:


代码如下:

播放