<script> window.onload = function() {suportNotify() } // 判斷瀏覽器是否支持Web Notifications API function suportNotify() {if (window.Notification) {// 支持console.log("支持" + "Web Notifications API");// 如果支持Web Notifications API，再判斷瀏覽器是否支持彈出實(shí)例//showMess()} else {// 不支持alert("不支持 Web Notifications API");} }// 判斷瀏覽器是否支持彈出實(shí)例 function showMess(messAge,priority) {var imagePath;if(priority<=2){//警告imagePath="${ctx}/pages/resourceperformance/images/blue.png";}else if(priority>2&&priority<=4){//嚴(yán)重imagePath="${ctx}/pages/resourceperformance/images/blue2.png";}else{//災(zāi)難imagePath="${ctx}/pages/resourceperformance/images/red.png";}// 如果支持window.Notification 并且 許可不是拒絕狀態(tài)if (window.Notification && Notification.permission !== "denied") {// Notification.requestPermission這是一個(gè)靜態(tài)方法，作用就是讓瀏覽器出現(xiàn)是否允許通知的提示 Notification.requestPermission(function(status) {// 如果狀態(tài)是同意if (status === "granted") {var m = new Notification('收到告警信息', {body : messAge,icon:imagePath});m.onclick = function() {// 點(diǎn)擊當(dāng)前消息提示框后，跳轉(zhuǎn)到當(dāng)前頁面alert("原則上應(yīng)該跳到告警頁");}} else {alert('當(dāng)前瀏覽器不支持彈出消息')}});} }function playAudio(priority){if(priority<=2){//警告$("#playMusic").append("<audio autoplay='autoplay' src='${ctx}/common/audio/8378.wav' type='audio/wav'></audio>");}else if(priority>2&&priority<=4){//嚴(yán)重$("#playMusic").append("<audio autoplay='autoplay' src='${ctx}/common/audio/6178.wav' type='audio/wav'></audio>");}else{//災(zāi)難$("#playMusic").append("<audio autoplay='autoplay' src='${ctx}/common/audio/5906.wav' type='audio/wav'></audio>");} } $(function(){flushAlert();setInterval("flushAlert()",30000);setInterval("cleanAudio()",70000); })function cleanAudio(){$("#playMusic").empty();//清空聲音標(biāo)簽 } function flushAlert(){$.post("${ctx}/alarm/getAlert.do",function(date){for (var k = 0; k < date.length; k++) {console.info(date[k]);var messInfo="是否知悉";messInfo+=date[k].acknowledged;messInfo+="\n告警狀態(tài):\t"+date[k].alarmStatus;messInfo+="\n告警信息:\t"+date[k].description;messInfo+="\n最后觸發(fā)時(shí)間:\t"+date[k].eventClock;messInfo+="\n所在群組:\t"+date[k].groupsName;messInfo+="\n主機(jī)名稱:\t"+date[k].hostName;messInfo+="\n主機(jī)IP:\t"+date[k].hostip;messInfo+="\n最后修改:\t"+date[k].lastchange;messInfo+="\n告警級(jí)別:\t"+date[k].priority;messInfo+="\n告警級(jí)別:\t"+date[k].priority;showMess(messInfo,date[k].priority);playAudio(date[k].priority);}$("audio").each(function(i,music){//防止瀏覽器屏蔽播放 console.info(music);if (music.paused) { //判讀是否播放 //console.log(music.paused);music.paused=false;music.play(); //沒有就播放 } });}); } </script> <%UserSession userSession = (UserSession)session.getAttribute(AppConst.USER_SESSION_ID);if(userSession == null){userSession = new UserSession();} %> <div id="playMusic"></div>

?

<script>window.onload = function() {suportNotify()}// 判斷瀏覽器是否支持Web Notifications APIfunction suportNotify() {if (window.Notification) {// 支持console.log("支持" + "Web Notifications API");// 如果支持Web Notifications API，再判斷瀏覽器是否支持彈出實(shí)例//showMess()} else {// 不支持alert("不支持 Web Notifications API");}}
// 判斷瀏覽器是否支持彈出實(shí)例function showMess(messAge,priority) {var imagePath;if(priority<=2){//警告imagePath="${ctx}/pages/resourceperformance/images/blue.png";}else if(priority>2&&priority<=4){//嚴(yán)重imagePath="${ctx}/pages/resourceperformance/images/blue2.png";}else{//災(zāi)難imagePath="${ctx}/pages/resourceperformance/images/red.png";}// 如果支持window.Notification 并且 許可不是拒絕狀態(tài)if (window.Notification && Notification.permission !== "denied") {// Notification.requestPermission這是一個(gè)靜態(tài)方法，作用就是讓瀏覽器出現(xiàn)是否允許通知的提示Notification.requestPermission(function(status) {// 如果狀態(tài)是同意if (status === "granted") {var m = new Notification('收到告警信息', {body : messAge,icon:imagePath});m.onclick = function() {// 點(diǎn)擊當(dāng)前消息提示框后，跳轉(zhuǎn)到當(dāng)前頁面alert("原則上應(yīng)該跳到告警頁");}} else {alert('當(dāng)前瀏覽器不支持彈出消息')}});}}
function playAudio(priority){if(priority<=2){//警告$("#playMusic").append("<audio? autoplay='autoplay'? src='${ctx}/common/audio/8378.wav' type='audio/wav'></audio>");}else if(priority>2&&priority<=4){//嚴(yán)重$("#playMusic").append("<audio? autoplay='autoplay'? src='${ctx}/common/audio/6178.wav' type='audio/wav'></audio>");}else{//災(zāi)難$("#playMusic").append("<audio autoplay='autoplay'? src='${ctx}/common/audio/5906.wav' type='audio/wav'></audio>");}}$(function(){flushAlert();setInterval("flushAlert()",30000);setInterval("cleanAudio()",70000);})
function cleanAudio(){$("#playMusic").empty();//清空聲音標(biāo)簽}function flushAlert(){$.post("${ctx}/alarm/getAlert.do",function(date){for (var k = 0; k < date.length; k++) {console.info(date[k]);var messInfo="是否知悉";messInfo+=date[k].acknowledged;messInfo+="\n告警狀態(tài):\t"+date[k].alarmStatus;messInfo+="\n告警信息:\t"+date[k].description;messInfo+="\n最后觸發(fā)時(shí)間:\t"+date[k].eventClock;messInfo+="\n所在群組:\t"+date[k].groupsName;messInfo+="\n主機(jī)名稱:\t"+date[k].hostName;messInfo+="\n主機(jī)IP:\t"+date[k].hostip;messInfo+="\n最后修改:\t"+date[k].lastchange;messInfo+="\n告警級(jí)別:\t"+date[k].priority;messInfo+="\n告警級(jí)別:\t"+date[k].priority;showMess(messInfo,date[k].priority);playAudio(date[k].priority);}$("audio").each(function(i,music){//防止瀏覽器屏蔽播放console.info(music); if (music.paused) { //判讀是否播放? //console.log(music.paused);? ? ? ? ? ? ?music.paused=false;? ? ? ? ? ? ?music.play(); //沒有就播放?? ? ? ? ?}??});});}</script><%UserSession userSession = (UserSession)session.getAttribute(AppConst.USER_SESSION_ID);if(userSession == null){userSession = new UserSession();}%><div id="playMusic"></div>

轉(zhuǎn)載于:https://www.cnblogs.com/zhanchaohan/p/10791364.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的播放提示音+页面右下角提示框的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。