A basic AnguarlJS webkit notification service that only notifies when the window is not focused.

desktopNotification.js

app.factory('desktopNotification', function ($window, $document) {

  var focused = true;

  var onFocus = function () { focused = true; };
  var onBlur = function () { focused = false; };

  if (/*@cc_on!@*/false) { // check for Internet Explorer
    $document.onfocusin = onFocus;
    $document.onfocusout = onBlur;
  } else {
    $window.onfocus = onFocus;
    $window.onblur = onBlur;
  }

  return {
    notify: function (title, body) {
      if (!focused && $window.webkitNotifications && $window.webkitNotifications.checkPermission() === 0) {
        var notification = $window.webkitNotifications.createNotification('', title, body);
        notification.onclick = function (x) {
          window.focus();
          this.cancel();
        }
        notification.show();
      }
    },
    requestPermission: function () {
      if ($window.webkitNotifications) {
        $window.webkitNotifications.requestPermission();
      }
    }
  }
})