如何在所有页面上连续播放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 - 所有他们可以继续玩，而导航。