Я пытаюсь добавить простое уведомление на рабочем столе HTML5 для своего веб-приложения Meteor. Вот код,Добавление уведомлений о работе рабочего стола с помощью значка и аудио в веб-приложение «Метеор»
if (!("Notification" in window)) {
alert("This browser does not support desktop notification");
}
// Let's check whether notification permissions have already been granted
else if (Notification.permission === "granted") {
var date = new Date();
var audio = new Audio();
audio.src = "../../../universal/bells.wav";
audio.load();
audio.play();
var notification = new Notification("Allow Notifications!", {
dir: "auto",
lang: "hi",
tag: "testTag"+date.getTime(),
icon: "../../../assets/notification.png",
});
}
// Otherwise, we need to ask the user for permission
else if (Notification.permission !== 'denied') {
Notification.requestPermission(function (permission) {
if (permission === "granted") {
var notification = new Notification("Granted Permission for Notifications");
}
});
}
Но и звук, и изображение не отображаются. Это сообщение об ошибке, которое я получаю для аудиофайлов,
«Непонятно (в обещании) DOMException: Не удалось загрузить, потому что не было найдено ни одного поддерживаемого источника».
Если я закомментируйте аудио часть кода, значок изображения бросает ошибку,
«Отказался, чтобы загрузить изображение„http://placekitten.com.s3.amazonaws.com/homepage-samples/96/139.jpg“, потому что он нарушает следующее содержание директивы политики безопасности:» IMG-Src данные: 'self' http: // .googleapis.com https: // .googleapis.com http: // .gstatic.com https: // .gstatic.com http: // .bootstrapcdn.com https: // .bootstrapcdn.com "."
и изображение не отображается.
Есть ли другой способ реализовать уведомления на рабочем столе в приложении Meteor? Также есть способ сделать уведомление в центре страницы? Борьба с этим на всю ночь. Большое спасибо!