如何在所有頁面上連續播放mp3文件？

Question

我如何在所有頁面上連續播放mp3文件？即時通訊使用webform asp.net。我該如何解決這個問題？

jQuery('#main .jp-jplayer').each(function(index) { 
      var i = index+1; 
      var element = jQuery(this); 
      var song = "/Admin/uploads/mp3/" + element.find('.path').text(); 
      element.jPlayer({ 
       ready: function() { 
        jQuery(this).jPlayer("setMedia", { 
         mp3: song 
        }); 
       }, 
       preload: "auto", 

       play: function() { // To avoid both jPlayers playing together. 
        jQuery(this).jPlayer("pauseOthers"); 
        var index = jQuery(this).attr("id"); 
        index = index.split("_"); 
        index = index[index.length-1]; 
        var el = jQuery("#jp_container_"+index); 
        el.find('.jp-progress,.jp-time-holder') 
         .slideToggle(); 
       }, 
       swfPath: "mp3js", 
       supplied: "m4a, mp3", 
       cssSelectorAncestor:"#jp_container_"+i 
      }); 
     }); 

Answer 1

從技術上講，您將不得不做一個單頁的應用程序，雖然它不必看起來像一個。

一個很好的例子是soundcloud：如果您觀察到提琴手的流量，您會注意到只有第一個訪問顯示在域soundcloud.com下，儘管這是您在地址欄中唯一會看到的唯一域。

從技術上講，您實際上不會離開您訪問的第一頁，這就是爲什麼Soundcloud可以繼續在導航上播放的原因。

通過來自更新網站內容的第一頁的異步Web請求，從api.soundcloud.com和api-v2.soundcloud.com請求所有其他頁面。然後更新位置，同時抑制實際的請求。

Soundcloud 看起來像一個普通的網站，但它實際上是一個SPA - 所有他們可以繼續玩，而導航。