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

开源一个带自定义事件编程支持的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   薛端阳  阅读(1701)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架

< 2012年3月 >
26 27 28 29 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
1 2 3 4 5 6 7
点击右上角即可分享
微信分享提示