wenteryan 2018-11-10
iNotify.js 主要是调用chrome、Firefox、Safari等浏览器提供的系统通知API,实现浏览器系统通知,实现 title标签 闪烁、滚动、声音提示。favicon图标数字信息通知,声音播放等.....
# 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');