如何创建持久的 html5 音频播放器？
How to create a persistent html5 audio player?
我有以下代码可以在我的网站上打开播放器进行音频播放
使用 Django:
{% if track.file.hls_stream %}
<a type="button" class="btn btn-outline-primary" href="{% url 'stream' pk=track.file.pk|safe|cypher_link_stream %}" target="_blank"><i class="fad fa-play-circle"></i></a>
...
目前这会打开一个新选项卡并使用 VideoJS 播放 HLS 流。但实际上这不是我想要的。我想点击播放按钮，页面底部会弹出一个音频播放器，并在网站导航时停留在那里。我已经在寻找这样的解决方案，但运气不佳。有人可以告诉我在哪里看吗？
提前致谢。
如果不进一步了解您的技术栈，很难说。然而，在我的脑海中，我觉得解决这类问题的最常见方法是使用流行的前端框架之一，如 React、Vue 或 Angular.
通过构建 SPA，您可以“虚拟地”在页面路由之间导航，其中可以检索新数据并将其装载到 DOM，同时让其他未更改的元素（如您的音乐播放器）在更改之间保持不变。
要使用 Vue 完成此操作，您可以在不刷新的情况下在页面之间移动。详情见here
我有以下代码可以在我的网站上打开播放器进行音频播放 使用 Django:
{% if track.file.hls_stream %}
<a type="button" class="btn btn-outline-primary" href="{% url 'stream' pk=track.file.pk|safe|cypher_link_stream %}" target="_blank"><i class="fad fa-play-circle"></i></a>
...
目前这会打开一个新选项卡并使用 VideoJS 播放 HLS 流。但实际上这不是我想要的。我想点击播放按钮，页面底部会弹出一个音频播放器，并在网站导航时停留在那里。我已经在寻找这样的解决方案，但运气不佳。有人可以告诉我在哪里看吗？
提前致谢。
如果不进一步了解您的技术栈，很难说。然而，在我的脑海中，我觉得解决这类问题的最常见方法是使用流行的前端框架之一，如 React、Vue 或 Angular.
通过构建 SPA，您可以“虚拟地”在页面路由之间导航，其中可以检索新数据并将其装载到 DOM，同时让其他未更改的元素（如您的音乐播放器）在更改之间保持不变。
要使用 Vue 完成此操作，您可以在不刷新的情况下在页面之间移动。详情见here