纸头折飞机
欢迎大家加入KitJs官方高级QQ群88093625,讨论前端技术,上海携程招聘H5,iOS,android,产品,设计,交互,测试,有意者发简历到xueduanyang1985@163.com

开源一个带自定义事件编程支持的javascript音频播放器,兼容IE和HTML5 

无需依赖任何类库

demo地址:http://xueduany.github.com/KitJs/KitJs/demo/Audio/demo.html

先放上效果图

image

 

 

外观基于css定制,可以从新定制

源代码开源在https://github.com/xueduany/KitJs/tree/master/KitJs/src/js/widget/Audio

 

使用方法

var audioPlayer = new $kit.ui.Audio({
  el : $kit.el('#J_media_play'),
  swfLocation : 'http://xxxxxxxxxx/audiojs.swf'
});
先new一个实例
audioPlayer.ready(function() {
  // code here
}
然后在ready方法之后注册自定义事件
例如:绑定一个timeupdate事件
audioPlayer.ready(function() {
  // code here
  audioPlayer.ev({
    ev: ‘timeupdate’,
    fn: function(){
      //this.xxxxx
    }
  })
}
 
有兴趣的同学,具体使用方法可以和我交流,xueduanyang1985@163.com,随便宣传下KitJs,http://xueduany.github.com/KitJs,一个开源的HTML5的widget库,在里面你可以找到很多有趣的小东西
 
posted on 2012-03-21 17:58  薛端阳  阅读(1701)  评论(0编辑  收藏  举报