`

基于jQuery和flash使用js接口的网页mp3音乐播放器 -- JPlayer 用法详解

阅读更多

方法

播放
$("#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);
});

分享到:
评论

相关推荐

    jquery 制作的音乐播放器

    jPlayer是一个基于jQuery的开源音乐和视频播放器插件,它提供了一套完整的解决方案,用于构建具有自定义样式和功能的多媒体播放器。在我们的项目中,我们将使用jPlayer来实现音乐播放器的核心功能。 ### 3. 安装...

    jquery音乐播放器插件jplayer源码.zip

    而jPlayer是一款基于jQuery的开源音乐播放器插件,它提供了一种优雅的方式在网页上实现音乐播放功能。本篇文章将深入解析jPlayer的源码,帮助开发者理解其工作原理,以便自定义和扩展。 **1. jPlayer的安装与引入**...

    jQuery 音乐播放器

    jQuery音乐播放器是一种基于JavaScript库jQuery和其专用插件jPlayer构建的音频播放解决方案。在Web开发中,特别是在构建富媒体交互性网站时,这种播放器是一个非常实用的工具。本篇文章将深入探讨jQuery音乐播放器的...

    jquery音乐播放器插件

    在这个例子中,`#jquery_jplayer_1` 是播放器元素的ID,`setMedia` 方法用来设置要播放的音乐文件路径,`swfPath` 指定了SWF文件的位置,`supplied` 指定了支持的音频格式,而 `wmode` 用于设置Flash的窗口模式。...

    jQuery带图片切换效果的音乐播放器代码.zip

    总之,这个基于jQuery的音乐播放器代码是一个很好的学习案例,它结合了jQuery的DOM操作、事件处理和动画效果,展示了如何利用现有的工具和插件构建功能齐全、具有视觉吸引力的网页组件。对于想要提升网页开发技能,...

    jPlayer Demo案例

    jPlayer 是一款强大的、开源的JavaScript音频和视频播放器插件,它允许开发者在网页上轻松实现多媒体内容的播放功能。这款插件以其灵活性、自定义性和跨浏览器兼容性而受到广泛欢迎。在本篇中,我们将深入探讨...

    jquery音乐播放器插件jplayer特效代码

    **jQuery音乐播放器插件——jPlayer特效代码详解** 在Web开发中,为网站添加音频播放功能是一项常见的需求。jQuery库提供了一款名为jPlayer的音乐播放器插件,它以其简洁美观的界面和强大的自定义功能深受开发者...

    jplayer插件的运用

    jPlayer是一款基于HTML5技术的开源JavaScript音频和视频播放器插件,它允许开发者在网页上创建功能丰富的多媒体播放体验。jPlayer支持多种媒体格式,包括MP3、AAC、WAV以及M4V、Ogg Vorbis、WebM等视频格式,同时...

    jplayer歌词同步音乐播放器特效代码

    而jPlayer,作为一个基于jQuery的开源音乐播放器插件,因其丰富的功能和高度的可定制性,受到了广大开发者的青睐。本文将深入探讨jPlayer如何实现歌词同步播放器的特效代码,帮助开发者更好地理解和应用这一技术。 ...

Global site tag (gtag.js) - Google Analytics