jQuery: HTML5 Gmail notifier

Today I played a little bit with jQuery and the HTML5 audio element to create a simple Gmail notifier than not only displays a bubble box, but also plays a sound when the bubble is displayed. It works fine in Firefox, Safari, Chrome and Opera, that is, in all the browsers that correctly support the play() method of the HTML5 audio interface. I can't test it in IE 9, so if you can do it, please let me know the results. When the document loads, the bubble takes two seconds to be displayed thanks to the setTimeout() function. Enjoy! smile

Live demo

jQuery: HTML5 Gmail notifier

Download

ZIP file

Leave a Reply

Note: Only a member of this blog may post a comment.