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

时间:2016-04-30 07:27:17

标签: javascript html asp.net single-page-application html5-audio

如何在所有页面上连续播放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
            });
        });

1 个答案:

答案 0 :(得分:1)

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

一个很好的例子是soundcloud:如果你观察了fiddler中的流量,你会发现只有第一次访问显示在域soundcloud.com下,即使这是你唯一的域名&{39}} #39;我会在位置栏中看到。

从技术上讲,你实际上并没有离开你去过的第一页,这就是为什么soundcloud可以继续玩导航。

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

Soundcloud 看起来像一个普通的网站,但它实际上是一个SPA - 所以他们可以在导航时继续玩。