在播放列表中的特定時間播放歌曲

Question

我正在使用jPlayer插件。

例如，播放列表中有13首歌曲。 我想為每首歌曲設置開始時間（currentTime），例如：第一首歌曲從2秒開始，第二首歌曲從3秒開始，第五首歌曲從4秒開始。

這是一個jsFiddle示例。

在此示例中，我添加了var tag = $('.audio-tag audio')[0]; 在全球范圍內查找當前播放的歌曲，但它不在jPlayer插件中。

如何獲取當前的音頻tag和number以為jPlayer播放列表的每首歌曲設置currentTime？

Answer 1

解

var $jp = $('#jquery_jplayer_1');
$jp.on($.jPlayer.event.setmedia,  function(e){
   console.log("Current track", e.jPlayer.status.media);
   console.log("Currentr track index", myPlayer.current);

   // For first track (0) - 2 sec, second track (1) - 3 sec, etc.
   var time = myPlayer.current + 2;

   // Jump to desired time
   setTimeout(function(){ 
       $jp.jPlayer( "play", time); 
   }, 100);
});  

筆記

需要調用setTimeoout ，因為根據手冊

如果在帶有time參數的setMedia命令之后立即發出，並且在瀏覽器使用HTML5解決方案時，此命令最初將失敗，並且設置了內部超時，以每100毫秒重試該命令，直到成功為止。

DEMO

有關代碼和演示，請參見此jsFiddle 。