Jquery 使用popunder或在新选项卡中打开站点不间断播放音乐

Jquery 使用popunder或在新选项卡中打开站点不间断播放音乐,jquery,html,audio,audio-player,Jquery,Html,Audio,Audio Player,我本想继续写这篇讨论,但我的声誉不允许我编辑或回答(很抱歉): 因此,请快速切入要点: 我确实讨厌网站上的音乐,但不幸的是,这次我找不到任何方法来改变我客户的想法 我们正在通过一家通信(图形)机构进行工作,所以我不能告诉最终客户他是一名xxiot,我真的需要让该机构高兴,因为他们最近给了我们很多事情要做,现在是一件好事 所以底线是,他们希望在网站上播放音乐,而且他们可能不希望在每次加载页面时重新启动 我已经决定避免框架 我正在努力寻找“最好”的方法: 打开一个带有音乐的小弹出窗口(想象一

我本想继续写这篇讨论,但我的声誉不允许我编辑或回答(很抱歉):

因此,请快速切入要点:

  • 我确实讨厌网站上的音乐,但不幸的是,这次我找不到任何方法来改变我客户的想法
  • 我们正在通过一家通信(图形)机构进行工作,所以我不能告诉最终客户他是一名xxiot,我真的需要让该机构高兴,因为他们最近给了我们很多事情要做,现在是一件好事
所以底线是,他们希望在网站上播放音乐,而且他们可能不希望在每次加载页面时重新启动

我已经决定避免框架

我正在努力寻找“最好”的方法:

  • 打开一个带有音乐的小弹出窗口(想象一下:“我们建议您使用此音乐访问我们的网站……如果您不喜欢它,请关闭此弹出窗口”) 赞成:对SEO来说应该不会太糟糕 缺点:popunder不太可靠,浏览器经常更改,而且会停止工作,我不想花时间修复它:)这是我试过的剧本 但正如我所说的,它只在Firefox和IE上工作,在Chrome 25上它以弹出窗口的形式打开,在Safari上工作不好

  • 反之亦然:域名在一个只有徽标、背景和音乐的页面上打开,自动打开常规站点的新选项卡…如果有人关闭初始选项卡,阿门,他们就不会有音乐,但如果没有,他们基本上有连续的音乐…当他们关闭浏览器时,沉默又回来了:) 赞成:应该在所有浏览器上工作(或者至少我可以有一个备份输入站点链接,对SEO也有用) 缺点:SEO呢???它将索引其他页面吗?在站点链接中输入一个链接就足够了吗?我真的很担心(

我恨我自己,我恨网站上的音乐该死


谢谢大家,我希望你们能为我流一滴泪:)

对我来说,让它与ajax一起工作似乎不是一项巨大的工作,即使是这样,这将是一次很好的体验,可以让你更好地使用和理解今天使用的技术,而不是玩弄10年前的黑客代码,从网络的黑暗面为popunder复制和粘贴一些晦涩难懂的脚本

到目前为止,您所做的所有工作都没有白费,事实上,这就是逐步增强的原则。让它为每个人(包括搜索引擎优化机器人)工作,然后改进它

类似这样的东西会将所有锚定标记转换为ajax请求,但否则它们仍会回退到普通页面请求

$('body').on('click', 'a', function() {
var url = $(this).attr('href');
$.ajax({
    url: url
}).done(function(response) {
    $('body').html(response);
});
return false;
});
您可以将?ajax=1添加到请求url中,以指示后端在存在时仅返回正文

显然,您的所有脚本/css都必须在初始页面上提供,因为头部不会改变(除非您希望使所有内容更加复杂),事件绑定需要触发或委托给主体

您需要为您的播放器设置一个div(可能有一个固定的位置),因此代码实际上更像

<head>
    ...
</head>
<body>
   <div id="player></div>
   <div id="wrapper">[page html]</div>
</body>

...

选项3,使用Ajax加载所有内容,并使用HTML5 pushstate处理地址栏。我以前的公司就是这么做的是的。。这将是很好的,但我已经做了网站的所有方式,并已生活,做这将是一个巨大的工作没有钱,特别是因为做它的搜索引擎友好需要一些注意…只是拦截所有的a标签点击,防止默认,注入新的机构。ajaxified和seo合规性是的,这绝对是最好的方法,尽管我希望避免这种情况,但我们有很多截止日期,我们现在所有的程序员都不能以一种不浪费金钱的方式做到这一点。我会把它作为我最后的选择。但是谢谢!