辅助电缆上的 PWA javascript 事件已删除答案

【问题标题】：PWA javascript event on aux cable removed辅助电缆上的 PWA javascript 事件已删除
【发布时间】：2018-03-31 22:00:30
【问题描述】：

我目前正在开发一个渐进式网络应用来播放音乐（如 Spotify 或 Google Play 音乐）。我遇到了一些我不太确定如何完成的事情。

其中一个功能是，一旦从手机上拔下辅助电缆，音乐就会停止播放。移除辅助插孔后，是否有 Javascript 事件或类似事件可以附加事件处理程序以调度“暂停”操作？

【问题讨论】：

当您的应用在后台运行时，您能否播放下一个音频？
@aareeph 是的，它可以播放.. 只要 Android 不会杀死应用程序，如果我将它保持在后台一段时间就会发生这种情况
在 Android 中，当我使用 html5 音频时，应用程序不会杀死应用程序。我正在使用 howlerjs.com。但是在 iOS Safari 中，当应用处于后台时，它不会播放下一个音频。
@aareeph 我不使用库，我自己编写与使用网络音频 api 播放音频相关的所有内容
正确。播放音频时，您是否会获得这样的音频控件？如果您获得这些音频控件，那么 Android 将不会停止您的音频。 androidcentral.com/sites/androidcentral.com/files/styles/…

标签： javascript audio progressive-web-apps

【解决方案1】：

仅使用 JS 在 PWA 中不会有这样的硬件事件监听器。

如果您可以选择要求用户安装服务（例如某些应用要求安装条形码扫描仪服务以在其应用中扫描条形码），您可以创建一个像 in this solution 这样的帮助类，它会有一个缩进像in this solution 这样的辅助过滤器，当检测到辅助删除事件时，调用你的 PWA 缩进代码，这会暂停音乐。

【讨论】：

【解决方案2】：

作为补充；我在this 帖子中遇到了更多关于媒体通知的问题。

实现隐藏的<audio> 元素使我能够显示带有控件的通知。一旦我连接了所有控件（onPause、onPlay、skip、seek、..），一旦从设备上移除电缆，设备就会自动执行onPause 事件。这可能是 Android 或 Chrome 的特定功能，但它成功了并且适合我。

【讨论】：