方法
播放
$("#jpId").jPlayer("play");
暂停
$("#jpId").jPlayer("pause");
停止
$("#jpId").jPlayer("stop");
设定进度
1.按歌曲时长百分比
$("#jpId").jPlayer("playHead", 0); // 从 0% 处开始播放
$("#jpId").jPlayer("playHead", 10); // 从 10% 处开始播放
$("#jpId").jPlayer("playHead", 100); // 从 100% 处开始播放
2.按播放毫秒数
$("#jpId").jPlayer("playHeadTime", 0); // 从 0毫秒 处开始播放
$("#jpId").jPlayer("playHeadTime", 10000); // 从 10000毫秒(10秒) 处开始播放
设定音量
$("#jpId").jPlayer("volume", 25); //设为最大音量的 25%
$("#jpId").jPlayer("volumeMin"); //最小音量
$("#jpId").jPlayer("volumeMax"); //最大音量
绑定事件
播放结束事件
$("#jpId").jPlayer("onSoundComplete", function() {
//alert('播放结束了');
this.element.jPlayer("play"); // 循环播放
});
播放进行事件
$("#jpId").jPlayer("onProgressChange", function(lp,ppr,ppa,pt,tt) {
var s = '缓冲百分比:'+lp +'% ,';
s += '已播放占已缓冲的百分比:'+ppr +'% ,';
s += '已播放占总时长的百分比:'+ppa +'%';
s += '已播放时间:'+pt+ '毫秒 ,';
s += '总时间:'+tt+ '毫秒';
$("#play_info").text(s);
});
分享到:
相关推荐
jPlayer是一个基于jQuery的开源音乐和视频播放器插件,它提供了一套完整的解决方案,用于构建具有自定义样式和功能的多媒体播放器。在我们的项目中,我们将使用jPlayer来实现音乐播放器的核心功能。 ### 3. 安装...
而jPlayer是一款基于jQuery的开源音乐播放器插件,它提供了一种优雅的方式在网页上实现音乐播放功能。本篇文章将深入解析jPlayer的源码,帮助开发者理解其工作原理,以便自定义和扩展。 **1. jPlayer的安装与引入**...
jQuery音乐播放器是一种基于JavaScript库jQuery和其专用插件jPlayer构建的音频播放解决方案。在Web开发中,特别是在构建富媒体交互性网站时,这种播放器是一个非常实用的工具。本篇文章将深入探讨jQuery音乐播放器的...
在这个例子中,`#jquery_jplayer_1` 是播放器元素的ID,`setMedia` 方法用来设置要播放的音乐文件路径,`swfPath` 指定了SWF文件的位置,`supplied` 指定了支持的音频格式,而 `wmode` 用于设置Flash的窗口模式。...
总之,这个基于jQuery的音乐播放器代码是一个很好的学习案例,它结合了jQuery的DOM操作、事件处理和动画效果,展示了如何利用现有的工具和插件构建功能齐全、具有视觉吸引力的网页组件。对于想要提升网页开发技能,...
jPlayer 是一款强大的、开源的JavaScript音频和视频播放器插件,它允许开发者在网页上轻松实现多媒体内容的播放功能。这款插件以其灵活性、自定义性和跨浏览器兼容性而受到广泛欢迎。在本篇中,我们将深入探讨...
**jQuery音乐播放器插件——jPlayer特效代码详解** 在Web开发中,为网站添加音频播放功能是一项常见的需求。jQuery库提供了一款名为jPlayer的音乐播放器插件,它以其简洁美观的界面和强大的自定义功能深受开发者...
jPlayer是一款基于HTML5技术的开源JavaScript音频和视频播放器插件,它允许开发者在网页上创建功能丰富的多媒体播放体验。jPlayer支持多种媒体格式,包括MP3、AAC、WAV以及M4V、Ogg Vorbis、WebM等视频格式,同时...
而jPlayer,作为一个基于jQuery的开源音乐播放器插件,因其丰富的功能和高度的可定制性,受到了广大开发者的青睐。本文将深入探讨jPlayer如何实现歌词同步播放器的特效代码,帮助开发者更好地理解和应用这一技术。 ...