在交互中添加适当的声音效果常常会改善用户体验。在我们熟悉的窗口中，清除站中的废纸的声音就是一个很好的例子。
下面是一个小组件，它使用HTML5，jQuery，向页面添加音效（只添加声音效果，而不是播放器）。
事实上，它是在HTML5音频标签来播放声音的使用。但为了照顾IE 6-8，或使用BGSOUND。
与所有主流浏览器兼容（不考虑非主流考虑）
少说，在代码上：
复制代码代码如下所示：
玩
播放声音组件*
*
*简介：JSON，{ SRC：'chimes .wav，altsrc：循环：假}
*
* setsrc：功能，设置声音的来源
*播放：功能，播放声音
* /
如果（！FUI）{
VaR费= { }；
}
费。soundcomponent =功能（剖面）{
这个。配置文件= {
SRC：音频文件。
altsrc：'，一个音频文件（地址/浏览器支持的音频格式，见附表）
循环：假循环，现在不使用这个参数。
}；
如果（配置文件）{
美元。延长（this.profile，剖面）；
}
这soundobj = null；
this.isie =！- { 1，}
这种方法是丹尼尔 / *前辈发明，IE与非IE Jｓｃｒｉｐｔ数组处理最后一个逗号，使用；差异，
但对于IE 9，这种方法是无效的，但这里是我的使用，因为IE 9支持音频*
This.init（）；
}；
费。soundcomponent。原型= {
init：函数（）{
这_setsrc（）；
}，
_setsrc：函数（）{
如果（这。soundobj）{
如果（这。议）{
这个soundobj { 0 }。src= this.profile.src；
其他{ }
这个soundobj { 0 } .innerHTML =
'；
}
其他{ }
如果（这。议）{
这soundobj =美元。
（）AppendTo（'body）；
10000是最小音量，首先把音量调小，以免发出声音，吓住人。
其他{ }
这soundobj = $（'。
）。AppendTo（'body）；
}
}
}，
setsrc：功能（SRC，altsrc）{
这个配置文件；
如果（typeof altsrc！= 'undefined）{
这altsrc = altsrc。轮廓；
}
这_setsrc（）；
}，
播放：函数（）{
如果（这。soundobj）{
如果（这。议）{
这个soundobj { 0 }。体积= 1； / /把声音。
这个soundobj { 0 }。src= this.profile.src；
其他{ }
这个soundobj { 0 }玩（）；
}
}
}
}；
VaR SD =新fui.soundcomponent（{ SRC：'ding .wav，altsrc：'ding .mp3}）；
$（'。成奎安BTN）。Bind（听到咔哒声，功能（e）{ {）
Sd.play（）；
}）；
