Soon, I’ll migrate this blog over to my new site, TBA. The new blog will focus more on development, which will allow for this blog to be more general in nature, and hopefully even one day be a place for my photography.
Just a short article this time, since I’m kind of swamped with work and the start of a new book on Three.js I’m writing for Packt. In this article we’ll very quickly look at the state of desktop notifications. For desktop notifications there is currently a W3C specification, but there aren’t any implementations of this standard yet.
However, Chrome does have support for Desktop notifications, but for an old version (2006) of the specification. Nevertheless, there are a couple of sites out there that detect whether you’re running Chrome, and if so ask your permission to show desktop notifications.
Creating desktop notifications using this old Chrome API actually is very easy and consists out of two steps:
First, you have to ask permission from the user, whether this site is allowed to send notifications to the destkop
I’ve created a very simple sample, that you can use to test this functionality:
To accomplish this you only need a couple of lines of code:
As you can see in the code, by first clicking on the ‘request permission’ button, we ask the user, through the requestPermission() call, to allow our site to create desktop notifications (as you can see in the previous figure)
As you can see in the code, by first clicking on the ‘request permission’ button, we ask the user, through the requestPermission() call, to allow our site to create desktop notifications (as you can see in the previous figure). Next we can click on the ‘show notification’ button and a simple notification will be shown:
And that’s all you have to do! At least for those of you who run Chrome. If you run firefox you can still get desktop notifications, but you need an additional plugin: https://addons.mozilla.org/en-us/firefox/addon/html-notifications/
With this plugin, firefox will understand the chrome/webkit provided API and show the permission interface:
And allow you to also send desktop notifications to firefox users: