JS 实现的浏览器系统通知 iNotify.js
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');
相关推荐
88274956 2020-11-03
Zhongmeishijue 2020-09-10
runner 2020-09-01
梦的天空 2020-08-25
IdeaElements 2020-08-19
luvhl 2020-08-17
移动开发与培训 2020-08-16
ReunionIsland 2020-08-16
lyqdanang 2020-08-16
NARUTOLUOLUO 2020-08-03
MyNameIsXiaoLai 2020-07-08
星辰的笔记 2020-07-04
csstpeixun 2020-06-28
letheashura 2020-06-26
liaoxuewu 2020-06-26
OldBowl 2020-06-26
北京老苏 2020-06-25
Luffyying 2020-06-25