帶播放列表的HTML和JS播放器只播放一首音樂

-1

我在我的客戶網站上有一個播放列表HTML5和JS的音樂播放器。

它適用於數組，但只能播放一個音樂，並在循環中重複播放。其他音樂不播放。

驗證碼：

的JavaScript

unu_music = { 
    // music play 
    m_play: function() { 
     $('.btn-play').click(function() { 
      $('.btn-play').hide(); 
      $('.btn-pause').show(); 
      $("#music")[0].play(); 
     }); 
    }, 
    // music pause 
    m_pause: function() { 
     $('.btn-pause').click(function() { 
      $('.btn-pause').hide(); 
      $('.btn-play').show(); 
      $("#music")[0].pause(); 
     }); 
    }, 
    // music stop 
    m_stop: function() { 
     $('.btn-stop').click(function() { 
      // action stop 
      $("#music")[0].pause(); 
      $("#music")[0].currentTime = 0; 
      // button play show 
      $('.btn-pause').hide(); 
      $('.btn-play').show(); 
      // button sound show 
      $('.btn-sound-mute').hide(); 
      $('.btn-sound').show(); 
      $("#music")[0].volume += 1; 
     }); 
    }, 
    // music sound 
    m_sound: function() { 
     $('.btn-sound-mute').click(function() { 
      $('.btn-sound-mute').hide(); 
      $('.btn-sound').show(); 
      $("#music")[0].volume += 1; 
     }); 
    }, 
    // music mute 
    m_mute: function() { 
     $('.btn-sound').click(function() { 
      $('.btn-sound').hide(); 
      $('.btn-sound-mute').show(); 
      $("#music")[0].volume -= 1; 
     }); 
    }, 
    // playlist 
    m_playlist: function() { 
     var arr, aux = 1, mls = [], 
      unuPlayList = [ 
       { 
        mp3: '../music/music-01.mp3', 
        ogg: '../music/music-01.ogg', 
        duration: '2:52' 
       }, 
       { 
        mp3: '../music/music-02.mp3', 
        ogg: '../music/music-02.ogg', 
        duration: '4:05' 
       }, 
       { 
        mp3: '../music/music-03.mp3', 
        ogg: '../music/music-03.ogg', 
        duration: '4:58' 
       } 
      ]; 

     $('audio').html('<source src=' + unuPlayList[aux].ogg + ' type="audio/ogg">'); 

     for (var i = 0; i < unuPlayList.length; i++) { 
      arr = unuPlayList[i].duration.split(':'); 
      mls[i] = ((((arr[0] * 60) * 1000) + (arr[1] * 1000)) - 70000); 
     } 

     setInterval(function() { 
      if (aux != -1) { 
       $('audio').html('<source src=' + unuPlayList[aux].ogg + ' type="audio/ogg">'); 
       aux++; 
      } 

      if (aux == unuPlayList.length) 
       aux = 0; 

     }, mls[aux]); 
    } 
};

HTML

<audio id="music" autoplay loop> 

    </audio>

我怎樣才能解決這個bug？

在此先感謝。

來源

2013-10-29 Quirino

什麼是您的音樂播放器插件名稱？ –

這個[link]（http://stackoverflow.com/questions/15423040/html5-play-audio-loop-4x-then-stop）可能對你很有幫助 – John

@RassolGhafari，這不是一個插件。 – Quirino

This link解決了您的問題。因爲在那裏解釋它如何使用它。

來源

2013-10-30 11:55:38 John

如果它的有用標記爲答案 – John

你可以使用像這樣的插件：這裏有一個鏈接podsnack click here to go to podsnack！

來源

2013-10-30 13:58:39

帶播放列表的HTML和JS播放器只播放一首音樂

回答

相關問題