2016-02-12 84 views
0

我正在使用Jquery的Jplayer插件在我的网站上实现一个音频播放器。需要哈克在网站上实现音乐播放器

我有一种情况我:

当播放器加载,用户是不听任何歌曲和用户浏览网站,我的网页可以加载为浏览器的负荷。但是,当用户正在听歌曲并且我浏览器加载时,它会重新启动播放器并且音乐会受到干扰。因此,我们使用ajax来获取页面并加载它,而不刷新整个页面并干扰用户的音乐体验。

尽管我确信它不可能,但是我仍然想让自己相信是否有一个Hack,我可以在我的网页上加载2个独立的HTML,并且一个用户将浏览网站和第二个将有不会被打扰的球员?

+0

刷新页面时,您将丢弃当前页面上的所有内容。加载内容的AJAX方法是一条可行的路。否则,您可以在实际重新加载页面之前先拦截从页面导航离开的用户,但这可能会创建一个非常糟糕的用户体验。很可能,大多数用户不太可能想听音乐,也不想同时浏览您的网站 - 这可能是10年前的事情,但不是今天。 – Terry

回答

2

您可以使用框架来保持玩家不受干扰:

<html> 
    <head> 
    <title>Frameset</title> 
    </head> 
    <frameset rows="*,200"> 
    <frame src="index.html" name="content"> 
    <frame src="musicplayer.html" name="player"> 
    </frameset> 
</html> 

使用name,你可以在JavaScript中从内容框架解决这一问题,例如操纵播放列表。

0

可以打开玩家一个单独的窗口与window.open()

window.open("player.html", "player", "width=200, height=100"); 

这将打开您的播放器,也不会影响浏览的页面上的小窗口。

还有更多选项,比如显示工具栏和状态栏等,但是这些选项的浏览器支持各不相同。

0

Ajax是我做到的。您可以将jPlayer html作为页脚播放器或其他东西放入主(布局)页面,然后在主要部分通过AJAX加载每个页面(如果它是Ajax请求的话)。

您可以随时使用jquery在Ajax成功函数中加载内容。如果用户刷新页面,但它总是会重新加载jPlayer,因为它永远不会成为Ajax。或者如果你在做MVC asp.net,你可以使用部分视图。