HTML5 <audio>中断移动音乐(Spotify,...)

时间:2018-05-14 15:51:35

标签: javascript html html5 audio html5-audio

我正在开发一个网站,其中着陆页显示海滩上的海浪视频。然后客户希望我实现与该屏幕相关的音频(一些海声)。

<小时/> 在回家的路上听音乐,我从移动设备上检查了网站。一切都很好,但我听的音乐(来自Spotify,但我猜它与其他音乐应用程序的行为相同),停了下来。 我咨询了谷歌,但没有找到解决方案。有没有办法防止这种情况?

4 个答案:

答案 0 :(得分:0)

您的音乐正在通过您的手机中的应用播放。但是,当您打开移动浏览器时,然后转到首页上有视频和声音的网站。浏览器试图通过音乐播放视频。这就是为什么正在播放音乐的后台应用程序被中断,因为浏览器也试图处理相同的音频api。

我的android手机上也发生了同样的事情。但是最近的chrome更新已解决了该问题。但是直到Mozila和其他浏览器才启用背景音乐。

我对iphone一无所知。

答案 1 :(得分:0)

完全有道理。我不知道您为什么要同时播放两种声音。我猜那是噪音。我认为您没有问题,实际上,最好是网站音频暂停设备上的其他音频实例。

答案 2 :(得分:0)

我已经在带有该音频的网站上检查了我的iPhone。

https://guccidive.gucci.com/

并在Spotify和Gaana App中播放了歌曲。但是两种声音同时播放。我有iPhone 6s,并使用Safari浏览器进行了检查。

正如Limitless Claver所说,只有一次只播放一种声音是正确的。由于如果您同时听到2种声音,将会对用户造成噪音。我敢打赌,用户根本不会喜欢它。因此,当用户浏览您的网站时,暂停所有其他背景声音是完美的选择。

您对此无能为力。由于这是由浏览器应用程序本身处理的。截至目前,我们无法在网站上按照您想要的方式工作。

答案 3 :(得分:0)

例如,虽然Windows 10允许这种情况发生(有两个运行声音的youtube标签和另一个提供单独音频的应用程序),但我真的怀疑这在手机上基本上是只能打开一个应用程序的手机上是个好主意吗任何时候。

Apple似乎允许发生这种情况,但这取决于应用程序本身,因此,除了您自己的应用程序AFAICT之外,您无法进行任何更改。