Question

我正在使用Jquery的Jplayer插件在我的网站上实现音频播放器。

我有一个场景我：

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

虽然我确信它不可能，但我仍然想让自己确信是否有一个Hack，我可以在我的网页上加载2个独立的HTML，一个将在用户浏览网站时加载，第二个将让玩家不会被打扰？

Answer 1

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

<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解决此问题，例如操作播放列表。

Answer 2

您可以使用window.open()打开一个单独的播放器窗口：

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

这将为您的播放器打开一个小窗口，该窗口也不会受到浏览页面的影响。

它有更多选项，例如显示工具栏和状态栏等，但浏览器对这些选项的支持各不相同。

Answer 3

Ajax就是我这样做的方式。您可以将jPlayer html作为页脚播放器或其他内容放在主（布局）页面中，然后如果它是Ajax请求，则通过主要部分中的AJAX加载每个页面。

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

需要黑客在网站上实施音乐播放器

3 个答案: