JS 实现的浏览器系统通知 iNotify.js

iNotify.js 主要是调用chrome、Firefox、Safari等浏览器提供的系统通知API,实现浏览器系统通知,实现 title标签 闪烁、滚动、声音提示。favicon图标数字信息通知,声音播放等.....

JS 实现的浏览器系统通知 iNotify.js

下载

# v2.x
$ npm install @wcjiang/notify --save
# v1.x
$ npm install title-notify --save

项目地址

https://gitee.com/jaywcjlove/iNotify

使用

import Notify from '@wcjiang/notify';
const notify = new Notify({
 message: '有消息了。', // 标题
 effect: 'flash', // flash | scroll 闪烁还是滚动
 openurl:'https://github.com/jaywcjlove/iNotify', // 点击弹窗打开连接地址
 onclick: () => { // 点击弹出的窗之行事件
 console.log('---')
 },
 // 可选播放声音
 audio:{
 // 可以使用数组传多种格式的声音文件
 file: ['msg.mp4','msg.mp3','msg.wav']
 // 下面也是可以的哦
 // file: 'msg.mp4'
 },
 // 标题闪烁,或者滚动速度
 interval: 1000,
 // 可选,默认绿底白字的 Favicon
 updateFavicon:{
 // favicon 字体颜色
 textColor: '#fff',
 // 背景颜色,设置背景颜色透明,将值设置为“transparent”
 backgroundColor: '#2F9A00'
 },
 // 可选chrome浏览器通知,默认不填写就是下面的内容
 notification:{
 title:'通知!', // 设置标题
 icon:'', // 设置图标 icon 默认为 Favicon
 body:'您来了一条新消息', // 设置消息内容
 }
});
notify.player();
在您的HTML中手动下载并引入 notify.js,你也可以通过 UNPKG 进行下载:
var notify = new Notify({
 effect: 'flash',
 interval: 500,
});
notify.setFavicon('1');

相关推荐