Best way to use playHead method with time instead of percentOfSeekable

[Peter Hanley]

I have a method that fast forwards the audio of a slideshow on a swipe gesture - this works, but pauses the audio (obviously) - I'd like to use the functionality of playHead, but for whatever reason that only accepts percentOfSeekable as an argument instead of a time parameter.  

Is there a way to get the playHead functionality using time as an argument rather than percentOfSeekable?  I had a vague sense from the docs that $("#audioPlayer").jPlayer("playHead", ( slideScript.nextpage[0].id.start / audiolength  )); would be unreliable unless I gave the audiolength as a variable and didn't rely on jPlayer to get that info for me.

$("#" + i).live("swipeleft", function(){

    var nextpage = $(this).next('div[data-role="page"]');   

    // swipe using id of next page if exists

    if (nextpage.length > 0) {

  $.mobile.changePage(nextpage, 'slide');

        $("#audioPlayer").jPlayer( "pause", (eval("slideScript." + nextpage[0].id + ".start"))  );

        // note - slideScript.nextpage[0].id.start would resolve to a time in seconds

//$("#audioPlayer").jPlayer("playHead", (   )));

}

});       

[Dustin Blake]

http://jplayer.org/latest/developer-guide/#jPlayer-play

.jPlayer("play", seconds);  moves the play-head position as well

[Peter Hanley]

Awesome, I guess I need to upgrade my local copy of jPlayer - thanks!

[Peter Hanley]

Oh, wait - I see. Here was the behavior I was trying to get out of playhead:

Whether the media plays from that point depends on its current state. ie., If it was playing, play continues from the new play-head. If it was paused, the media is cued to the new play-head position.

So yeah, I have play and pause with seconds in my script - the problem I've been had since posting is being unclear how to check if the media is playing - I stuck my play statements in an if statement:

if( $.jPlayer.event.playing ) {

  $("#audioPlayer").jPlayer( "pause", (eval("slideScript." + nextpage[0].id + ".start")) );       

    $("#audioPlayer").jPlayer( "play");

  console.log("pause and play");

} else {

    $("#audioPlayer").jPlayer( "play", (eval("slideScript." + nextpage[0].id + ".start")) );

    console.log("pause");

}

But regardless of the state of play (playing or paused) the $.jPlayer.event.playing selects, I'm guessing because the event is declared, but you can't use the event as a check of state (which as I type it makes sense, duh) 

Looking over the docs though, there doesn't seem to be a method for checking if the player is playing or paused - I'm guessing I can just make a variable and bind setting it's value to the play and pause events, but I feel like I'm missing something simple. 

[Peter Hanley]

My fault, I think I found it - I need more coffee, I'm usually better than this. 

https://groups.google.com/forum/#!topic/jplayer/OctW7zKO0kk/discussion

[Peter Hanley]

For completeness, here's the function I wrote to handle the swipe:

function swipePlay(timeIndex){

  if ( $("#audioPlayer").data("jPlayer").status.paused ) {

  $("#audioPlayer").jPlayer( "pause", timeIndex );

    } else {

        $("#audioPlayer").jPlayer( "play", timeIndex );

    }

}

it gets used in the mobile app to handle swipe events which fast forward or rewind to another slide, and the playhead needs to be set to the new queue point:

$("#" + i).live("swipeleft", function(){

  var nextpage = $(this).next('div[data-role="page"]');

  // swipe  to next page using id of next page if exists

    if (nextpage.length > 0) {

  $.mobile.changePage( nextpage, {

                             transition: "slide",

                             reverse: false,

                             changeHash: true

});

// mark page as having been played

        eval("slideScript." +  $(this)[0].id + ".done = true;" );

// move audio playhead to next slide queue point

swipePlay( eval("slideScript." + nextpage[0].id + ".start") ); 

  }

});         

It looks so easy when it's done - thanks for the help!