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

Need Hack to Implement Music Player on Website

本文关键字:实现 音乐 播放器 网站 黑客      更新时间:2023-09-26

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

我有一个场景 I:

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

虽然我确定这是不可能的,但我仍然想让自己相信是否有一个黑客,我可以在我的网页上加载 2 个独立的 HTML,一个将在用户浏览网站时加载,第二个将有播放器不会受到干扰?

您可以使用帧来保持播放器不受干扰:

<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中解决它,例如操作播放列表。

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

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

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

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

Ajax就是我这样做的方式。您可以将jPlayer html作为页脚播放器或其他东西放在母版(布局)页面中,然后通过AJAX在主部分加载每个页面(如果是Ajax请求)。

你总是可以使用jquery在Ajax成功函数中加载内容。如果用户刷新页面,它将始终重新加载jPlayer,因为它永远不可能是Ajax。或者,如果您正在执行MVC asp.net 则可以使用部分视图。