PWA 媒体播放：手机锁定时是否继续播放？

贡献 功能
1

我发现，如果用户通过 PWA 设置（即已将其下载至主屏幕）访问论坛，当手机进入锁屏状态或网站切换到后台时，音频和视频文件无法播放。

有没有办法更改此行为，以便在通过 PWA 访问时启用锁屏或后台播放？

令我惊讶的是：当直接从网页访问论坛时，即使手机被锁定或网站切换到后台，音频和视频仍能正常播放。主要问题出现在 PWA 模式下。

我在 iPhone 上观察到了这种行为。

更多详情

当用户在手机上使用时，我希望音频和媒体文件在手机锁定或网站切换到后台时仍能继续播放。

在 iOS 上，如果用户通过移动网页访问网站，我发现这两种情况下的基本行为是可以接受的：

  • 对于音频文件（如 mp3 等），即使手机处于锁定状态或网站切换到后台，文件仍能继续播放。这非常理想。

  • 对于视频文件（如 mp4 等），当手机锁定或网站切换到后台时，播放会停止。但是，用户可以在锁屏界面上点击播放按钮重新开始播放；当网站处于后台时，用户也可以通过打开控制中心并点击播放来重新开始播放视频。

然而，如果用户通过 PWA 访问网站，上述两种情况均无法实现。当手机锁定或网站切换到后台时，所有播放都会停止，且没有选项可以重新开始播放（除非解锁并重新进入网站）。

2 个赞
2

这是针对本地上传的文件吗？而不是像 YouTube 视频这样的嵌入内容？

1 个赞
3

我确实发现本地上传的文件和嵌入内容都出现了相同的行为。我目前的重点是嵌入内容。

1 个赞
4

好的，让我们添加一个 YouTube 视频来测试：

1 个赞
5

YouTube 视频在移动 Safari 和 PWA 上的表现似乎一致：您无法在后台或锁屏状态下播放。这可能是因为 YouTube 具有特殊性（例如，除非订阅 YouTube Premium，否则它们会阻止后台播放，这可能会在此处产生影响）。

以下是其他一些示例：

Vimeo 嵌入：
https://vimeo.com/175708185

音频嵌入：

我发现，在 iPhone 上，两者均按我描述的方式运行：
–通过移动 Safari 访问时，您可以在后台和锁屏状态下播放两者（唯一的区别是，当手机进入锁定或后台状态时，视频会停止播放，您需要再次点击播放）
–通过 PWA 访问时，两者均无法在后台或锁屏状态下播放（一旦应用进入后台或手机进入锁屏状态，两种情况下均无进一步的播放选项）

2 个赞
6

为了确认我们理解一致，您说的是 iOS 的行为，对吗？

2 个赞
7

是的，我只有 iPhone 用于测试，无法针对 Android 设备提供反馈。（所有这些嵌入内容——包括视频和音频——在 Mac 版 Chrome、Mac 版 Safari 以及桌面端 PWA 上均能正常后台播放。问题出在移动端，具体而言是 iPhone。）

2 个赞
9

是否有一种方法可以让 PWA 中的视频和音频媒体在 iPhone 后台或锁屏状态下继续播放，就像在移动网页中那样？

1 个赞
10

不行，因为 iOS 不支持 PWAs 的此功能。

4 个赞
11

听到这些就清楚了。谢谢你的信息。

13

我认为这在 iOS 15 中已修复？有更新吗？

14

在 Android 上，无论是否使用 PWA，都可以正常播放。

事实上，在网页中嵌入视频允许你在锁屏状态下播放视频音频，但这在 YouTube 应用中却无法实现。