HTML添加音频,运用html5的什么标签可以在网页中嵌入音频文件

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

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

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

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

　　闲话少说，上代码：

　　复制代码代码如下：

　　a href=# class=fui-btn 播放/a

　　脚本

　　/*播放声音组件*/

　　/*

　　* profile: JSON，{src:chimes.wav ，altSrc: ，loop:false}

　　*

　　* setSrc:函数，设置声音的来源

　　*播放：功能，播放声音

　　*/

　　如果(!FUI){

　　var FUI={ }；

　　}

　　很好。声音分量=功能(轮廓){

　　this.profile={

　　src: ，//音频文件地址

　　altSrc: ，//备选音频文件地址（不同浏览器支持的音频格式不同，可见附表)

　　loop:false //是否循环播放，这个参数现在没有用上

　　};

　　如果（配置文件){

　　$.扩展(this.profile，profile)；

　　}

　　this.soundObj=null

　　this.isIE=！-[1,];

　　/*这个方法是前辈大牛发明的，利用工程师协会跟非工程师协会中脚本语言处理数组最后一个逗号","的差异，

　　不过对于IE 9，这个办法就无效了，但此处正合我用，因为IE 9支持音频*/

　　这个。init()；

　　};

　　FUI.soundComponent.prototype={

　　初始化：函数(){

　　这个. setSrc()；

　　},

　　_setSrc:function(){

　　if(this.soundObj){

　　如果(this.isIE){

　　this.soundObj[0].src=这个。侧写。src

　　}否则{

　　this.soundObj[0].innerHTML= source src= this。侧写。src /

　　source src= this。侧写。alt src /；

　　}

　　}否则{

　　如果(this.isIE){

　　this.soundObj=$

　　( BG音量=-10000 loop= 1 src= 这个。侧写。src“”).appendTo( body )；

　　//-10000是音量的最小值。先把音量关到最小，免得一加载就叮的一声，吓到人。

　　}否则{

　　这个。声音obj=$(音频预加载= auto 自动缓冲

　　source src= this。侧写。src /

　　source src= this。侧写。alt src /

　　/音频).appendTo( body )；

　　}

　　}

　　},

　　setSrc:function(src，altSrc){

　　这个。侧写。src=src

　　if(typeof altSrc！=未定义){

　　这个。侧写。alt src=alt src

　　}

　　这个. setSrc()；

　　},

　　play:function(){

　　if(this.soundObj){

　　如果(this.isIE){

　　this.soundObj[0].体积=1;//把音量打开。

　　this.soundObj[0].src=这个。侧写。src

　　}否则{

　　this.soundObj[0].play()；

　　}

　　}

　　}

　　};

　　var SD=新fui。声音成分({ src:丁。哇，altSrc:丁。MP3 })；

　　$(.富伊-BTN).绑定(点击，函数(e){

　　SD。play()；

　　});

　　/脚本

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。