<script> window.onload = function() {suportNotify() } // 判斷瀏覽器是否支持Web Notifications API function suportNotify() {if (window.Notification) {// 支持console.log("支持" + "Web Notifications API");// 如果支持Web Notifications API，再判斷瀏覽器是否支持彈出實例//showMess()} else {// 不支持alert("不支持 Web Notifications API");} }// 判斷瀏覽器是否支持彈出實例 function showMess(messAge,priority) {var imagePath;if(priority<=2){//警告imagePath="${ctx}/pages/resourceperformance/images/blue.png";}else if(priority>2&&priority<=4){//嚴重imagePath="${ctx}/pages/resourceperformance/images/blue2.png";}else{//災難imagePath="${ctx}/pages/resourceperformance/images/red.png";}// 如果支持window.Notification 并且 許可不是拒絕狀態if (window.Notification && Notification.permission !== "denied") {// Notification.requestPermission這是一個靜態方法，作用就是讓瀏覽器出現是否允許通知的提示 Notification.requestPermission(function(status) {// 如果狀態是同意if (status === "granted") {var m = new Notification('收到告警信息', {body : messAge,icon:imagePath});m.onclick = function() {// 點擊當前消息提示框后，跳轉到當前頁面alert("原則上應該跳到告警頁");}} else {alert('當前瀏覽器不支持彈出消息')}});} }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){//嚴重$("#playMusic").append("<audio autoplay='autoplay' src='${ctx}/common/audio/6178.wav' type='audio/wav'></audio>");}else{//災難$("#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();//清空聲音標簽 } 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"+date[k].alarmStatus;messInfo+="\n告警信息:\t"+date[k].description;messInfo+="\n最后觸發時間:\t"+date[k].eventClock;messInfo+="\n所在群組:\t"+date[k].groupsName;messInfo+="\n主機名稱:\t"+date[k].hostName;messInfo+="\n主機IP:\t"+date[k].hostip;messInfo+="\n最后修改:\t"+date[k].lastchange;messInfo+="\n告警級別:\t"+date[k].priority;messInfo+="\n告警級別:\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，再判斷瀏覽器是否支持彈出實例//showMess()} else {// 不支持alert("不支持 Web Notifications API");}}
// 判斷瀏覽器是否支持彈出實例function showMess(messAge,priority) {var imagePath;if(priority<=2){//警告imagePath="${ctx}/pages/resourceperformance/images/blue.png";}else if(priority>2&&priority<=4){//嚴重imagePath="${ctx}/pages/resourceperformance/images/blue2.png";}else{//災難imagePath="${ctx}/pages/resourceperformance/images/red.png";}// 如果支持window.Notification 并且 許可不是拒絕狀態if (window.Notification && Notification.permission !== "denied") {// Notification.requestPermission這是一個靜態方法，作用就是讓瀏覽器出現是否允許通知的提示Notification.requestPermission(function(status) {// 如果狀態是同意if (status === "granted") {var m = new Notification('收到告警信息', {body : messAge,icon:imagePath});m.onclick = function() {// 點擊當前消息提示框后，跳轉到當前頁面alert("原則上應該跳到告警頁");}} else {alert('當前瀏覽器不支持彈出消息')}});}}
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){//嚴重$("#playMusic").append("<audio? autoplay='autoplay'? src='${ctx}/common/audio/6178.wav' type='audio/wav'></audio>");}else{//災難$("#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();//清空聲音標簽}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"+date[k].alarmStatus;messInfo+="\n告警信息:\t"+date[k].description;messInfo+="\n最后觸發時間:\t"+date[k].eventClock;messInfo+="\n所在群組:\t"+date[k].groupsName;messInfo+="\n主機名稱:\t"+date[k].hostName;messInfo+="\n主機IP:\t"+date[k].hostip;messInfo+="\n最后修改:\t"+date[k].lastchange;messInfo+="\n告警級別:\t"+date[k].priority;messInfo+="\n告警級別:\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>

轉載于:https://www.cnblogs.com/zhanchaohan/p/10791364.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。