在 service worker chrome 中收到推送通知时如何播放音频？答案

【问题标题】：How to play audio when received push notification in service worker chrome ?在 service worker chrome 中收到推送通知时如何播放音频？
【发布时间】：2016-08-25 22:42:58
【问题描述】：

我想播放音频，例如 whatsapp 网络推送通知或电报网络通知。我已经能够在服务人员中收到推送通知，问题是收到推送通知时如何播放音频？

我已经在这里阅读了通知 API 的文档：https://developer.mozilla.org/en-US/docs/Web/API/notification/sound

根据文档，Notification 有参数 Sound (Notification.sound) 。

我已经在我的语法中实现了该参数：

self.registration.showNotification(title, {
  body: body,
  icon: icon,
  tag:tag,
  data: data,
  sound: 'http://127.0.0.1/myfolder/audio/alert.mp3'
})

Service Worker 收到推送消息时还是无法播放音频，如何播放？

谢谢。

【问题讨论】：

标签： push-notification service-worker chrome-gcm

【解决方案1】：

如上所示MDN page：

注意：目前任何浏览器都不支持此属性。

我不知道目前有任何浏览器供应商计划添加支持；您通常确定的方式是访问给定浏览器的功能状态页面并查看公共列表中的内容。 Chrome 和 Firefox 是与 Service Worker 通知最相关的浏览器，官方功能跟踪器托管在

另一种方法是使用自定义振动模式，自 version 45 起，Chrome for Android 支持该模式。

【讨论】：

好的，谢谢。但是 web whatsapp 如何做到这一点呢？你知道吗？
我不是 WhatsApp 用户，也不熟悉他们的网络应用程序是如何设计的。如果他们在打开的网页上下文中运行代码，而不是来自服务工作者，那么所有与音频相关的 API 都是可用的。也许他们只在页面打开时播放音频？
嗨@JeffPosnick，你能看看这个吗？ stackoverflow.com/questions/62261805/…

【解决方案2】：

在我们的解决方案中，我们创建了一个 Google Chrome 扩展程序，它监听来自 Service Worker 的事件并播放音频。对于 Service Worker -> 后台脚本通信，我们使用这个“hack”：How can Chrome extension background script communicate with web page service worker?

也可以通过扩展直接监听推送（使用 GCM）。

【讨论】：