javascript - 在第三方网站上推送 html5 通知时如何执行代码

Question

我有一个使用通知的网站 ( gitter.im )，我想在推送通知时运行声音。如何将此代码添加到通知中？

(function() {
    var a = document.createElement('audio')
    a.setAttribute('autoplay', true)
    a.setAttribute('src', 'http://www.soundjay.com/button/beep-03.mp3')
})();

Answer 1

您可以使用 HTML5 音频 api，但它在 Service Worker 中不起作用。

当浏览器收到通知时发出声音的唯一方法是通过 postMessage()，您可以通知您的网页发出声音，但只有在浏览器中打开主站点页面时才有效。

( Chrome ServiceWorker postMessage )

var track = new Audio("http://oringz.com/oringz-uploads/sounds-874-gets-in-the-way.mp3");
track.play();

更多信息: http://www.html5rocks.com/en/tutorials/webaudio/intro/