我正在开发一个网站，其登陆页面显示海滩海浪的视频。然后客户希望我实现与该屏幕相关的音频（一些海声）。
您的音乐正在通过您手机中的应用程序播放。但是当你打开手机浏览器，然后进入首页有视频和声音的网站时。浏览器尝试运行带有音乐的视频。这就是为什么你的后台应用程序（正在播放音乐）被中断，因为浏览器也在尝试处理相同的音频 api。
我的 Android 手机上也发生了同样的事情。但最近的 chrome 更新已经解决了这个问题。但是mozila和其他浏览器直到最后才启用背景音乐。
我对iphone一无所知。
这是完全有道理的。我不知道为什么你想要同时播放两种声音。我猜那会是噪音。我认为您没有问题，事实上，最好是网站音频暂停您设备上的其他音频实例。
我已经通过这个网站检查了我的 iPhone，其中有音频。
还在 Spotify 和 Gaana 应用程序中播放歌曲。但两种声音同时播放。我有 iPhone 6s，使用 Safari 浏览器查看。
正如 Limitless Claver 所说，只有一次只播放 1 个声音才是正确的。因为如果您同时听到 2 个声音，对于用户来说就会变成噪音。我敢打赌用户根本不会喜欢它。因此，当用户浏览您的网站时，暂停所有其他背景声音是完美的选择。
对此你无能为力。因为这是由浏览器应用程序本身处理的。目前我们无法在我们的网站上按照您想要的方式工作。
虽然 Windows 10 允许这种情况发生（有两个运行声音的 YouTube 选项卡和另一个提供单独音频的应用程序），但我真的怀疑这对于一部基本上只能在任何时间打开一个应用程序的手机来说是否是一个好主意.
Apple 似乎允许这种情况发生，但这取决于应用程序本身，因此除了您自己的应用程序 AFAICT 之外，您无法更改任何内容。
虽然 HTML5 音频将被注册为音乐，但它将接管所有当前的音乐控件。但是，使用 Web Audio API 并设置 AudioContext 不会触发此行为。这里提到的https://guccidive.gucci.com/就是这种情况。该网站使用 Howler.js 来播放音频，并且 Howler 使用可用的 Web 音频 API。我建议使用 Howler。