HTML5桌面通知：notification api

    對於在作PC網頁端的一些消息提醒，這個仍是蠻有用的。經過html5的audio聲音提醒 ,加上html5的notification瀏覽器消息彈出提醒，提升交互體驗。

    整個流程是：

    1.瀏覽器初始化的時候，就判斷該瀏覽器是否支持Notification,假設瀏覽器支持，而且用戶也贊成發送信息。

    2.判斷是否有新消息？

    3.若是有新消息，先給予聲音提醒.再給予瀏覽器Notification提醒。

    

//這裏的能夠隱藏音頻組件。
<audio id="tipAudio"  style="position:absolute;top:0;left:0;z-index:-1">
   <source src="../include/image/tipAudio.ogg" type="audio/ogg">
   <source src="../include/image/tipAudio.mp3" type="audio/mpeg">
</audio>


function  notify(){
    $("#tipAudio")[0].play();
    
    if(window.Notification){
	if(Notification.permission==='granted'){
	//icon_url 圖片資源，title:消息標題，content:消息內容
	    var notification = new Notification(title,{ "icon": icon_url,"body":content});
	   }else {
	     Notification.requestPermission();
	   };
    }
}