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

标签 html reactjs smoothstate.js

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

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

谢谢

最佳答案

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

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

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

关于html - 如何允许用户在不停止正在进行的进程的情况下在网页之间切换?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62968488/

相关文章:

html - 如何使用 bootstrap 在文本框中添加搜索图标

javascript - 动画进度条

javascript - 使用 jQuery 检测目标 div 中是否勾选了复选框

javascript - SmoothStateJS : how to keep an element from refreshing on page change?

javascript - SmoothState保留所有页面的js文件,部分功能被替换

javascript - $.ajax 在同一页面提交,表单仅在第一次有效

javascript - 将 html5 视频跳到末尾的按钮

javascript - 草稿.js : making editor content multipage

reactjs - History.push更改了url,但组件未渲染

javascript - 向服务器发出 POST 请求以插入记录并在客户端检索生成的 ID 的方法