这篇文章主要介绍了为你的html5网页添加音效示例,需要的朋友可以参考下

为交互添加恰当的音效，常常能改善用户体验。在我们所熟悉的windows里，清空回收站的碎纸声就是很好的例子。

下面是一个利用HTML5, Jquery，给页面添加音效的小组件（只是添加音效，并不是播放器）。

其实很简单，就是利用HTML5中的audio标签，播放声音。不过为了照顾IE 6-8，还是用上了bgsound。

兼容所有主流浏览器（非主流不在考虑之列了）

闲话少说，上代码：

代码如下:

播放