Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sql-server-2005/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使mp3文件在所有页面上连续播放?_Javascript_Html_Asp.net_Single Page Application_Html5 Audio - Fatal编程技术网

Javascript 如何使mp3文件在所有页面上连续播放?

Javascript 如何使mp3文件在所有页面上连续播放?,javascript,html,asp.net,single-page-application,html5-audio,Javascript,Html,Asp.net,Single Page Application,Html5 Audio,如何使mp3文件在所有页面上连续播放?我正在使用网络表单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();

如何使mp3文件在所有页面上连续播放?我正在使用网络表单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
            });
        });

从技术上讲,你将不得不做一个单页的应用程序,虽然它不必看起来像一个

一个很好的例子是:如果你观察fiddler中的流量,你会注意到只有第一次访问显示在域
soundcloud.com
下,即使这是你在位置栏中看到的唯一域

从技术上讲,你实际上从来没有离开过你访问的第一个页面,这就是为什么soundcloud可以继续在导航上播放

所有其他页面都是从api.soundcloud.com和api-v2.soundcloud.com通过异步web请求从更新网站内容的第一个页面请求的。然后更新位置,同时抑制实际请求

Soundcloud看起来像一个普通的网站,但实际上它是一个水疗中心——这样他们就可以在导航时继续玩下去