javascript-如何使用jplayer获得进度事件
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何使用jplayer获得进度事件,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2094字,纯文字阅读大概需要3分钟。
内容图文
我正在使用jQuery 1.5和jPlayer 2.0.0,请忽略以下事实:它将自动播放音乐,在开始播放前我会提供足够的警告,用户必须按下一个大按钮才能启动页面,然后我将提供一个大的“停止”按钮.
我希望音频文件开始播放,并在页面准备好并加载音频后调用一个函数.
我有以下javascript(我已经修改了代码,因此可以更好地理解).
function FemeMusic() {
FemeMusic.prototype.addMusic = function(actionAfterMusic) {
$("#jp").jPlayer({
ready: function() {
var jPlayerElement = $(this);
jPlayerElement.jPlayer('setMedia', {
mp3: 'aSongByJamesBlunt.mp3'
});
jPlayerElement.bind($.jPlayer.event.progress,
function(event) {
if (event.jPlayer.status.seekPercent === 100) {
jPlayerElement.jPlayer("play");
}
if (actionAfterMusic) {
actionAfterMusic.call();
}
});
},
swfPath: "/flash",
preload: "auto"
});
}
}
我有此功能来触发上面的代码.
$(document).ready(function() {
var femeMusic = new FemeMusic();
femeMusic.addMusic(killMyself);
});
我使用相同的代码,但使用$.jPlayer.event.loadeddata事件,但没有if语句,而不是$.jPlayer.event.progress,它在某些浏览器中工作正常,但是在使用Flash时不兼容,因为它不会触发该事件(我在firefox 3.5中也遇到了问题,但我不知道为什么).以上似乎在Firefox中有效
我读了这个
“我建议您改用progress事件,并检查以下内容:
event.jPlayer.status.seekPercent ===100.“
在该作者的http://groups.google.com/group/jplayer/browse_thread/thread/9dc9736f9d6947bd?pli=1帖子上
任何人有任何建议吗?
编辑
尽管没有在chrome和safari中工作,但是我在新的Firefox 3.6版中进行了测试(我应该首先这样做),尽管它在文档event.progress id中描述为:
A robust jPlayer event supported by Flash and HTML5 browsers
在上面的链接中,创建者建议使用event.progress来解决浏览器问题,我只能假定这是浏览器特定的问题.
希望对此有所澄清.
解决方法:
来自jPlayer的创建者:
因此,您的目标是在缓冲媒体后自动播放?
如果您想要简短的答案.算了吧. x浏览器缓冲是我的
领域.正如您所发现的,有些人只是忽略它.只需setMedia并播放它.
如果您真的想尝试做.然后播放然后暂停会有所帮助,
因为media.play()比media.load()更好的x浏览器,即
操作差异较小. iOS Safari会完全忽略该播放
虽然.用户需要点击一些可以启动
操作,即播放按钮.
最后一点适用于尝试任何形式的自动播放,因此请确保
是一个播放按钮. jPlayer界面将无法处理iOS
通过浏览器事件的反馈进行播放,即停止.
内容总结
以上是互联网集市为您收集整理的javascript-如何使用jplayer获得进度事件全部内容,希望文章能够帮你解决javascript-如何使用jplayer获得进度事件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。