iOS PWA 后台音频支持

Posted 2023-02-23

【中文标题】iOS PWA 后台音频支持

【英文标题】：iOS PWA Background Audio Support

【发布时间】：2020-01-31 11:28:18

【问题描述】：

在 ios 上的 Safari 中播放音频时，可以最小化 Safari 或锁定屏幕并继续播放音频。但是，如果网站作为 PWA 安装到 HomeScreen，则最小化 PWA 或锁定屏幕会暂停音频。

在 iOS PWA 中，有什么方法可以在后台继续播放？

这里详细描述了这个问题： https://medium.com/prototyped/what-we-learned-about-pwas-and-audio-playback-10a01c6aecbd

【问题讨论】：

我的猜测是现在，因为 Apple 选择或多或少地禁用主屏幕应用程序的媒体（音频和视频），我对此表示严重怀疑。希望他们能尽快解决这个问题，我们都可以继续我们的生活。

背景音频现在似乎可以在 PWA 中正常工作——尽管您还不能正确更新锁定屏幕上的插图/控件。

@ColinRicardo 您正在测试哪个 iOS 版本？

感谢@Colin 保持更新。我猜“只是添加到主屏幕”是指将不是 PWA 的网站作为快捷方式添加到主屏幕。在这种情况下，点击它会在 Safari 中打开，而不是在单独的 WebKit 实例中。根据我的观察，在 Safari 中打开的网站可以在后台播放，而不是安装 PWA。我猜你的意思是一样的。

直到今天 (2021.09.29) 仍然如此 - PWA 不起作用，只有 safari-bookmark 可以。

【参考方案1】：

这似乎是 iOS 15.4 中修复的错误 https://twitter.com/othermaciej/status/1491500338305667072

我刚试了一下，效果不错！

【参考方案2】：

这是在 iPhone 上不停播放音频文件的最佳方法 使用此插件，您可以在后台播放音频文件

在所有 android 和 iOS 网络浏览器中防止显示器休眠并启用唤醒锁定。

NoSleep.js

【讨论】：

问题是关于从 PWA 在后台播放，但答案似乎是关于防止进入后台，因此无关紧要。