2009年5月9日星期六

jQuery mp3 播放插件

jPlayer
这个插件可以让你做这些事:
  • 在你的web页面播放控制mp3文件
  • 用html+css就可以创建自己的mp3 播放器风格
  • 在你的jquery项目中加入声音效果
这个插件其实使用了一小段flash来播放mp3文件,但是这个flash在页面里面是找不到的,被很好的隐藏起来了,播放器都是使用js来控制的。
比如下面这一段代码可以建立一个你自己的播放器:

$(document).ready(function(){
$("#jquery_jplayer").jPlayer({ // 初始化
ready: function () { // 载入后执行
$("#jquery_jplayer").changeAndPlay('elvis.mp3'); // 自动播放mp3文件
}
});

$("#jquery_jplayer").jPlayerId("play", "play_button"); // 设置播放
按钮
$("#jquery_jplayer").jPlayerId("pause", "pause_button"); //
设置暂停按钮
$("#jquery_jplayer").jPlayerId("stop", "stop_button"); //
设置停止按钮

$("#jquery_jplayer").onSoundComplete( function() { // 播放结束后执行代码
$("#jquery_jplayer").play(); // 重新播放
});
});


  • 播放
  • 暂停
  • 停止

  • 没有评论: