连续的背景声音

Continuous Background Sound

本文关键字：声音背景连续更新时间：2023-09-26

如何在不使用 iframe 的情况下在页面中实现连续的背景声音，当用户从一个页面移动到另一个页面时不会中断？

使用一个技巧，如果框架集对你来说不是问题，使用框架集构建你的页面，并使用一个框架作为背景（无大小），在那里你播放声音，另一个（完整的100%x100%），你可以导航。这也具有隐藏导航 URL 的优点，只在导航栏上留下站点 URL。

如果你疯了，你可以在<audio>元素的timeupdate事件上设置一个事件侦听器，并将currentTime存储在localStorage（或cookie）中。然后，当您加载页面时，读取该值并再次设置currentTime。但是，我想每秒写入 localStorage 数十次可能会很糟糕（但在我测试它之前，我不会做出任何性能声明！

但是，此解决方案需要具有audio和localStorage支持的 mordern 浏览器。