Javascript 有没有办法在jPlayer jquery插件中设置15秒的回放按钮?
我以前在我的网站上有一个音频播放器 尝试获取分配给按钮的功能,该功能将音频播放从当前时间位置倒回15秒并继续播放 类似于iPhone iTunes播客播放器中的按钮 这里面有密码 基本上,我试图在脚本区域中运行的代码如下所示Javascript 有没有办法在jPlayer jquery插件中设置15秒的回放按钮?,javascript,jquery,jplayer,Javascript,Jquery,Jplayer,我以前在我的网站上有一个音频播放器 尝试获取分配给按钮的功能,该功能将音频播放从当前时间位置倒回15秒并继续播放 类似于iPhone iTunes播客播放器中的按钮 这里面有密码 基本上,我试图在脚本区域中运行的代码如下所示 $(".rewind").click(function(){ $("#jquery_jplayer_1").jPlayer("play", event.jPlayer.status.currentTime - 15); }); 问题是当jPla
$(".rewind").click(function(){
$("#jquery_jplayer_1").jPlayer("play", event.jPlayer.status.currentTime - 15);
});
问题是当
jPlayer
操作引发事件时,通常会访问event.jPlayer.status.currentTime
。对于您的问题,有一些解决方法,但最简单的方法可能是直接访问jPlayer数据,如下所示:
var currentTime = $('#jquery_jplayer_1').data('jPlayer').status.currentTime;
更新后的代码可能如下所示:
$(".rewind").click(function(e){
var currentTime = $('#jquery_jplayer_1').data('jPlayer').status.currentTime;
if (currentTime > 15) {
$("#jquery_jplayer_1").jPlayer("play", currentTime - 15);
}
});
更新的Fiddle:看起来您非常接近,但在普通的单击处理程序中没有“jPlayer”事件,此状态为:
jPlayer对象本身也可以通过$('#jp').data('jPlayer')访问
此JSFIDLE正在处理下面突出显示的更改:
另一种方法是将当前时间存储在timeupdate事件的变量中:
$(document).ready(function() {
var current_time;
$("#jquery_jplayer_1").jPlayer({
ready: function(event) {
$(this).jPlayer("setMedia", {
title: "Bubble",
m4a: "http://jplayer.org/audio/mp3/Miaow-07-Bubble.mp3",
oga: "http://jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"
});
},
timeupdate: function(e){
current_time = e.jPlayer.status.currentTime;
},
swfPath: "http://jplayer.org/latest/dist/jplayer",
supplied: "mp3, oga",
wmode: "window",
useStateClassSkin: true,
autoBlur: false,
smoothPlayBar: true,
keyEnabled: true,
remainingDuration: true,
toggleDuration: true
});
$(".rewind").on('click', function(e){
$("#jquery_jplayer_1").jPlayer('play', current_time - 15);
});
});
谢谢您的帮助@kmsdev
$(document).ready(function() {
var current_time;
$("#jquery_jplayer_1").jPlayer({
ready: function(event) {
$(this).jPlayer("setMedia", {
title: "Bubble",
m4a: "http://jplayer.org/audio/mp3/Miaow-07-Bubble.mp3",
oga: "http://jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"
});
},
timeupdate: function(e){
current_time = e.jPlayer.status.currentTime;
},
swfPath: "http://jplayer.org/latest/dist/jplayer",
supplied: "mp3, oga",
wmode: "window",
useStateClassSkin: true,
autoBlur: false,
smoothPlayBar: true,
keyEnabled: true,
remainingDuration: true,
toggleDuration: true
});
$(".rewind").on('click', function(e){
$("#jquery_jplayer_1").jPlayer('play', current_time - 15);
});
});