当前位置: 首页 > news >正文

投稿网站源码/推广形式

投稿网站源码,推广形式,赞皇建站建设,小商品网站建设这篇文章主要介绍了为你的html5网页添加音效示例,需要的朋友可以参考下为交互添加恰当的音效,常常能改善用户体验。在我们所熟悉的windows里,清空回收站的碎纸声就是很好的例子。下面是一个利用HTML5, Jquery,给页面添加音效的小组件(只是添加…

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

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

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

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

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

闲话少说,上代码:

复制代码

代码如下:

播放

/*Play sound component*/

/*

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

*

* setSrc: Function, set the source of sound

* play: Function, play sound

*/

if (!FUI){

var FUI = {};

}

FUI.soundComponent=function(profile){

this.profile={

src:'',          //音频文件地址

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

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

};

if(profile) {

$.extend(this.profile,profile);

}

this.soundObj=null;

this.isIE = !-[1,];

/*这个方法是前辈大牛发明的,利用ie跟非ie中JScript处理数组最后一个逗号“,”的差异,

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

this.init();

};

FUI.soundComponent.prototype={

init:function(){

this._setSrc();

},

_setSrc:function(){

if(this.soundObj){

if(this.isIE){

this.soundObj[0].src=this.profile.src;

}else{

this.soundObj[0].innerHTML='

';

}

}else{

if(this.isIE){

this.soundObj=$

('').appendTo('body');

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

}else{

this.soundObj=$('

').appendTo('body');

}

}

},

setSrc:function(src,altSrc){

this.profile.src=src;

if(typeof altSrc!='undefined'){

this.profile.altSrc=altSrc;

}

this._setSrc();

},

play:function(){

if(this.soundObj){

if(this.isIE){

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

this.soundObj[0].src = this.profile.src;

}else{

this.soundObj[0].play();

}

}

}

};

var sd=new FUI.soundComponent({src:'ding.wav',altSrc:'ding.mp3'});

$('.fui-btn').bind('click',function(e){

sd.play();

});

http://www.lbrq.cn/news/1467415.html

相关文章:

  • 网站获取访问者qq号码/网站建设报价方案
  • 网站的客服一般怎么做的/网络优化工程师证书
  • 邯郸公司网站建设/淘数据官网
  • 帮忙注册公司要多少钱/seo学校
  • 网站开发到上线需要多久/seo好学吗入门怎么学
  • 网站服务器如何做热备价/云搜索系统
  • 佛山外贸网站建设/键词优化排名
  • 网站推广公司成功的经典案例/seo快速排名优化
  • 网页设计学校网站/seo优化一般包括哪些
  • 关于网站开发的个人小结/人力资源培训与开发
  • 开个捕鱼网站怎么做/免费注册网站有哪些
  • 网站开发实习/三亚百度推广公司电话
  • 学做招投标的网站有哪些/上海小红书seo
  • 深圳网站建设流程/如何建立一个自己的网站啊
  • 蕲春做网站/网络营销理论基础有哪些
  • 建设网站是普通办公吗/windows优化大师是电脑自带的吗
  • j2ee 建设简单网站/推广普通话作文
  • 山东恒昆建设工程有限公司网站/免费有效的推广平台
  • 网站页面设计最宽可做多宽/互联网平台公司有哪些
  • 企业网站怎么优化/定制化网站建设
  • wordpress div属性/快速优化seo软件推广方法
  • 深圳东莞网站开发/优化设计
  • 做服装批发网站/汕头网站排名优化
  • 靠谱的做任务赚钱网站/搜索引擎营销的实现方法有哪些
  • 国内专门做旅游攻略的网站/香港百度广告
  • 企业网站素材/百度网页广告怎么做
  • 曲阜建设公司网站/seo教学网seo
  • 昌平区住房和建设委员会官方网站/电商网站建设步骤
  • 湛江免费网站制作/b站推广网站2023
  • 张家港网站建设培训学校/新华传媒b2b商务平台
  • 前端与后端部署大冒险:Java、Go、C++三剑客
  • 数字化转型驱动中小制造企业的质量管理升级
  • 基于 LightGBM 的二手车价格预测
  • 数字化生产管理系统设计
  • lumerical——布拉格光栅(2)
  • SpringMVC全局异常处理+拦截器使用+参数校验