1 Star 0 Fork 164

狂飙的小蜗牛 / iNotify

forked from 小弟调调 / iNotify 
Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

标题通知

这是重复造轮子...,标题闪烁、或者滚动提示,favicon数字显示。打开chrome浏览器调试工具,按照下面截图的方式放到调试里面调用一下,你就可以看到效果了。

界面预览

下载

npm

$ npm install title-notify

bower

$ bower install inotify

init

effect: flash | scroll | favicon

iNotify.init({
    message: '有消息了。',//标题
    effect: 'flash', // flash | scroll 闪烁还是滚动
    //可选播放声音
    audio:{
        file: 'msg.mp4'
    },
    //标题闪烁,或者滚动速度
    interval: 1000,
    //可选,默认绿底白字的  Favicon
    updateFavicon:{
        // favicon 字体颜色
        textColor: "#fff",
        //背景颜色,设置背景颜色透明,将值设置为“transparent”
        backgroundColor: "#2F9A00" 
    }
})

声音设置

player

播放声音

iNotify.player()

loopPlay

自动播放声音

iNotify.loopPlay()

stopPlay

停止播放声音

iNotify.stopPlay()

setURL

设置播放声音URL

iNotify.setURL()

setTitle

设置标题

iNotify.setTitle('新标题')

setInterval

设置时间间隔

iNotify.setInterval(2000)

addTimer

添加计数器

iNotify.addTimer()

clearTimer

清除计数器

iNotify.clearTimer()

setFavicon

设置icon 显示数字

iNotify.setFavicon(10)

faviconClear

清除数字显示原来的icon

iNotify.faviconClear()

其它

iNotify.init().title; 获取标题

例子

实例一

function iconNotify(num){
    if(!notify) {
        var notify = iNotify.init({
            effect: 'flash',
            interval: 500
        });
    }
    if(num===0){
        notify.faviconClear()
        notify.setTitle();
    }else if(num<100){
        notify.setFavicon(num)
        notify.setTitle("有新消息!");
    }else if(num>99){
        notify.setFavicon('..')
        notify.setTitle("有新消息!");
    }
}

实例二

var notify = iNotify.init({
    effect: 'flash',
    interval: 500
});
notify.setFavicon("1")

实例三

var iN = iNotify.init({
    effect: 'flash',
    interval: 500,
    message:"有消息拉!",
    updateFavicon:{//可选,默认绿底白字
        textColor: "#fff",// favicon 字体颜色
        backgroundColor: "#2F9A00" //背景颜色
    }
}).setFavicon(10);

实例四

var iN = iNotify.init().setFavicon(5);

实例五

var iN = iNotify.init({
    effect: 'flash',
    interval: 500,
    message:"有消息拉!",
    audio:{
        file: 'msg.mp4'
    }
}).setFavicon(10).player();

Comments ( 0 )

Sign in for post a comment

About

Show notification on title, And play sounds. spread retract
MIT
Cancel

Releases

No release

Contributors

All

Activities

load more
can not load any more
1
https://gitee.com/ihotte/iNotify.git
git@gitee.com:ihotte/iNotify.git
ihotte
iNotify
iNotify
master

Search