音频连续播放所有页面？

Question

这甚至可能吗？当您导航到同一网站上的其他页面时，要将mp3播放停在哪里？我真的不知道从哪里开始。一种新的HTML，CSS等 有任何想法吗？感谢。

Answer 1

不跨多个页面加载。但是，您可以拥有一个播放音频的页面，并为用户提供导航。几个总体结构选项包括：

1. 创建单页应用程序（SPA）。在这里你的一个页面＆＃34;将播放音频，并使用JavaScript / AJAX在此单页面实例中进行网站导航。浏览器只会加载一个＆＃34;页面＆＃34;，但整个应用程序会根据您的需要动态加载/卸载该页面的元素。
2. （一种非常古老的方法，但仍然有效）创建一个包含导航框架的父页面。父（框架）页面将包含音频，通过应用程序的其余导航将在该页面内的框架中完成。

我建议采用第一种方法，但要么可行。

Answer 2

如果您重新加载整个页面（以及音频源），则无法提供无缝播放。即使您尝试跟踪音轨中的位置，由于页面加载时间总会出现非常明显的差距。缓慢的互联网连接会使情况变得更糟。

相反，您可以接受以下四个选项中的一个：

1. 单页应用：
   作为also pointed out by David，我的建议是创建单页面应用程序，即加载一次的页面，然后动态加载/替换所有其他内容。一个用户单击导航链接，而不是加载新页面（或重新加载当前页面），您只需使用AJAX替换主要内容。提供音频的部分保持不变。

2. 其他标签/弹出窗口
   您可以创建一个额外的选项卡，弹出窗口或窗口，只是为了播放音频。其中一个例子是德国广播电台“放射性能”。在撰写本文时，their website在右上方提供了一个橙色按钮，可以打开其实时流的弹出窗口，允许用户继续浏览他们的网站，音乐继续从弹出窗口中不间断地播放。如果单页应用程序不是一个选项，我只会沿着这条路走下去，因为弹出窗口或其他选项卡是糟糕的用户体验，浏览器可能会阻止弹出窗口。

3. <强> IFRAME
   您可以在iframe内提供网页的主要内容，反之亦然，从iframe中提供音频。我建议不要这样做，因为这种方法有several disadvantages。

4. <强>帧
   Frames会为iframe提供类似的方法，但they are deprecated，所以我强烈建议不要使用此方法。

<强> TL;博士

如果可以，请将其设为单页应用程序，否则请使用弹出解决方案。