html - 如何允许用户在不停止正在进行的进程的情况下在网页之间切换？

Question

我有一个多页面网络应用程序，其中用户可能会在正在进行的过程中转到不同的页面。例如，用户可能位于 /home然后他可以单击指向 /dashboard 的链接同时，假设正在通过 <audio> 播放一些音乐标签。如何让用户在不暂停该音频的情况下进行传输？一种平稳的过渡......

在互联网上，我发现 smoothState.js可能会有帮助，但我不知道我应该如何使用使用 create-react-app 制作的 react 应用程序来实现它.

谢谢

Answer 1

如果您正在进行页面加载，则正在进行的过程将暂停。这意味着您将需要一个页面，通过访问其他“页面”，您将更改页面的内容，但会保持您的音频完好无损。您可以通过定义页面的主要内容来实现此目的，当您单击按钮以查看不同的 View 时，该内容不会更改，并定义标记的自定义内容部分，当需要不同的内容时，该部分将被替换。

现在，如果您启用 URL 重写，您可以确保您只有一个索引页面，它可以接收一些参数，这些参数将显示在第一次加载时使用哪些内容进行初始化，并且/home 或/dashboard 将在后台重写以参数化的方式进入您的主 URL。

您也可以使用库来实现这一点，但这是要实现的主要目标。