需要 Hack 在网站上实现音乐播放器答案

【问题标题】：Need Hack to Implement Music Player on Website需要 Hack 在网站上实现音乐播放器
【发布时间】：2016-02-12 07:39:09
【问题描述】：

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

我有一个场景我：

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

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

【问题讨论】：

刷新页面时，您将丢弃当前页面中的所有内容。一种加载内容的 AJAX 方式是可行的方法。否则，您可以在实际重新加载页面本身之前拦截首先离开页面的用户，但这可能会产生非常糟糕的用户体验。很有可能，大多数用户不太可能希望同时收听您的音乐和浏览您的网站——这可能是 10 年前的事情，但不是今天。

标签： javascript jquery html ajax jplayer

【解决方案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 对其进行寻址，例如操作播放列表。

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：