问音频自动打开一次网站-音频标签html
EN

Stack Overflow用户

提问于 2020-08-25 18:51:22

回答 1查看 29关注 0票数 0

我已经放了一段代码来为我的网站播放音频，如下所示

<audio id="audio-background" style="visibility: hidden;" controls autoplay>
  <source src="/mp3/background-music.mp3" type="audio/mpeg">
</audio>

然而，当用户经常访问我的网站时，它会不断重复，让他们感到恼火。我希望当客户进来时，音频只打开一次。任何有经验的人都可以帮我弥补！谢谢

发布于 2020-08-25 19:10:57

由于您没有循环属性，我假设您的用户在每次页面重新加载时都会听到这句话，可能在每次站点导航时都会听到。

如果你在你的主视图中包含了这个标签，并且当用户导航到子路径时视图会刷新(如果你使用php进行路由，就像wordpress那样)，它会重新加载页面并每次触发音频。

如果是这种情况，您可能希望使用localStorage (more on that here)来记录用户访问过的页面，而不要为已经访问过该站点的用户包含此音频标记。

您可以通过在javascript中这样做来做到这一点。

window.localStorage.setItem('notFirstVisit', true);

并检查页面加载情况：

let notFirstVisit = window.localStorage.getItem('notFirstVisit');

然后使用javascript添加或移除音频标签

if(notFirstVisit){
  let audioElement = document.getElementById(audioElementId);
  audioElement.remove();
}

其他选项包括保持php会话和使用php来包含或不包含音频标签，或者使用cookie。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63577300

复制

相似问题

问音频自动打开一次网站-音频标签htmlEN