javascript - 如何强制 HTML5 音频在整个网站上播放？

Question

我目前正在为客户构建一个网站。

我的客户希望在整个网站上播放一首特定的歌曲(我本地有 MP3 和 OGG 音频文件)，但是，当我进入另一个页面时，音乐将从头开始播放。

<div id="music">
   <audio  controls loop autoplay>
     <source src="audio/oud.ogg" type="audio/ogg">
     <source src="audio/oud.mp3" type="audio/mpeg">
     Your phone does not support the audio element.
   </audio>
</div>

Answer 1

为了做到这一点，您必须执行以下两项操作之一:

1. 创建一个单页应用程序(这是更简洁的解决方案)，或
2. 创建一个包含整个网站的 iframe 页面，并播放主文件中的文件

但是，我非常警告不要做你正在做的事情，自动播放音频超过 3 秒而无法将其关闭是一种可访问性违规，并且会对任何盲人或视障人士造成刺激使用屏幕阅读器访问网站的用户。