网页中如何做到页面跳转背景音乐不会受到影响继续播放？

Question

我在一个页A中使用了一些audio元素作为主页面交互时的音效与背景音乐，此时若用户通过导航若跳转到另外一个页面，我想让这个背景音乐继续播放不受影响，该怎么做呢？

使用frame的话好像就不能在主页里操作audio元素了？所以只有全站Ajax做成单页应用一种方法可选了吗？

Answer 1

用记录的方式将毫无疑问的有卡顿

想在浏览器中解决的话，单页应用看起来应该就是唯一的选择了

如果你的页面是嵌入在一个APP中的，那么可以在native层面提供一个js接口，让播放实际上由native app来进行，这样也就不会受到网页的影响了

Answer 2

可以，记录audio播放位置，根据参数播放，跳转b页面带上参数，打开时根据位置播放

Answer 3

何必不直接使用异步加载啊？

Answer 4

说句无关的，乱在页面播放音乐很容易引起用户反感，要不为什么chrome在tab上有个喇叭告诉你哪个页面在唱歌

Answer 5

同意 @vimac 的说法，可以参考网易云音乐。

Answer 6

http://aisoa.cn/annex/bgm/
这里有一个小例子，你可以参考下