Javascript 音频在所有页面上连续播放？

这可能吗？当你浏览到同一网站上的另一个页面时，mp3会在哪里停止播放？我真的不知道从哪里开始。对HTML、CSS等有点陌生。

---

有什么想法吗？谢谢。

不要跨多个页面加载。但是，您可以有一个单独的页面来播放音频，并在其中为用户提供导航。两个总体结构方案将包括：

创建单页应用程序（SPA）。在这里，您的一个“页面”将播放音频，站点导航将使用JavaScript/AJAX在这个页面实例中进行。浏览器将只加载一个“页面”，但整个应用程序将根据您的需要动态加载/卸载该页面的元素

（一个非常旧的方法，但仍然有效）创建一个带有导航框架的父页面。父（框架）页面将包含音频，通过应用程序的其余导航将在该页面的框架中完成

---

我推荐第一种方法，但两种方法都可以。

不能跨多个页面加载。但是，您可以有一个单独的页面来播放音频，并在其中为用户提供导航。两个总体结构方案将包括：

创建单页应用程序（SPA）。在这里，您的一个“页面”将播放音频，站点导航将使用JavaScript/AJAX在这个页面实例中进行。浏览器将只加载一个“页面”，但整个应用程序将根据您的需要动态加载/卸载该页面的元素

（一个非常旧的方法，但仍然有效）创建一个带有导航框架的父页面。父（框架）页面将包含音频，通过应用程序的其余导航将在该页面的框架中完成

---

我推荐第一种方法，但两种方法都可以。

如果重新加载整个页面（以及音频源），则无法提供无缝播放。由于页面加载时间的原因，始终会有一个非常明显的间隙，即使您试图跟踪音频曲目中的位置。缓慢的互联网连接会使情况变得更糟

相反，您可以选择以下四个选项之一：

单页应用程序：
如前所述，我的建议是创建一个单页应用程序，即加载一次的页面，然后动态加载/替换所有附加内容。用户单击导航链接后，不用加载新页面（或重新加载当前页面），只需使用AJAX替换主要内容即可。提供音频的部件保持在原位

附加选项卡/弹出窗口/窗口
你可以创建一个额外的标签，弹出窗口或窗口只是为了播放音频。德国电台“radioeins”就是一个例子。在撰写本文时，在右上角提供了一个橙色按钮，该按钮将为其直播流打开一个弹出窗口，允许用户继续浏览其网站，音乐将继续从弹出窗口不间断地播放。如果单页应用程序不是一个选项，我只会走这条路，因为弹出窗口或其他选项卡是坏的，而且弹出窗口可能会被浏览器阻止

iframe
您可以在iframe中提供页面的主要内容，也可以在iframe中提供音频。我建议不要这样做，因为这种方法有很多缺点

帧
将为iFrame提供类似的方法，但是，我强烈建议不要使用这种方法

tl；dr

---

如果可以的话，让它成为一个单页应用程序，否则就求助于弹出式解决方案

如果重新加载整个页面（以及音频源），则无法提供无缝播放。由于页面加载时间的原因，始终会有一个非常明显的间隙，即使您试图跟踪音频曲目中的位置。缓慢的互联网连接会使情况变得更糟

相反，您可以选择以下四个选项之一：

单页应用程序：
如前所述，我的建议是创建一个单页应用程序，即加载一次的页面，然后动态加载/替换所有附加内容。用户单击导航链接后，不用加载新页面（或重新加载当前页面），只需使用AJAX替换主要内容即可。提供音频的部件保持在原位

附加选项卡/弹出窗口/窗口
你可以创建一个额外的标签，弹出窗口或窗口只是为了播放音频。德国电台“radioeins”就是一个例子。在撰写本文时，在右上角提供了一个橙色按钮，该按钮将为其直播流打开一个弹出窗口，允许用户继续浏览其网站，音乐将继续从弹出窗口不间断地播放。如果单页应用程序不是一个选项，我只会走这条路，因为弹出窗口或其他选项卡是坏的，而且弹出窗口可能会被浏览器阻止

iframe
您可以在iframe中提供页面的主要内容，也可以在iframe中提供音频。我建议不要这样做，因为这种方法有很多缺点

帧
将为iFrame提供类似的方法，但是，我强烈建议不要使用这种方法

tl；dr

---

如果可以的话，让它成为一个单页应用程序，否则就求助于弹出式解决方案

所以它是一个单页应用程序，是的，这是可能的，但你需要做一点工作：不可能，我不认为有正常的结构。也许可以通过ajax加载页面内容，因此页面不会改变，您可以保持音频实例不间断地继续。否则，你可能会被解雇