Installation

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

Using

importNotifyfrom"@wcjiang/notify";constnotify=newNotify({message:"There is message.",// page title.effect:"flash",// flash | scroll, Flashing or scrollingopenurl:"https://github.com/jaywcjlove/iNotify",// Click on the pop-up window to open the connection addressonclick:()=>{// Click on the pop-up window trip event// Programmatically closes a notification.notify.close();console.log("---");},// Optional playback soundaudio:{// You can use arrays to pass sound files in multiple formats.file:["msg.mp4","msg.mp3","msg.wav"],// The following is also work.// file: 'msg.mp4'},// Title flashing, or scrolling speedinterval:1000,disableFavicon:false,// Optional, default false, if true, No longer overwrites the original favicon// Optional, default green background white text. FaviconupdateFavicon:{// favicon font colortextColor:"#fff",// Background color, set the background color to be transparent, set the value to "transparent"backgroundColor:"#2F9A00",},// Optional chrome browser notifications，// The default is not to fill in the following contentnotification:{title:"Notification!",// Set notification titleicon:"",// Set notification icon, The default is Faviconbody:"You have a new message!",// Set message content},});notify.player();

<scriptsrc="https://unpkg.com/@wcjiang/notify/dist/notify.min.js"></script><scripttype="text/javascript">varnotify=newNotify({effect:"flash",interval:500,});notify.setFavicon("1");</script>

option

isPermission

notify.isPermission();

Sound Settings

player

notify.player();

loopPlay

notify.loopPlay();

stopPlay

notify.stopPlay();

setURL

notify.setURL("msg.mp3");// Set onenotify.setURL(["msg.mp3","msg.ogg","msg.mp4"]);// Set multiple

title

setTitle

notify.setTitle(true);// Play animationnotify.setTitle("New title");// Flashing new titlenotify.setTitle();// Clear Blinking Show original title

setInterval

notify.setInterval(2000);

close

notify.close();

addTimer

notify.addTimer();

clearTimer

notify.clearTimer();

Favicon Notice

setFavicon

notify.setFavicon(10);

setFaviconColor

notify.setFaviconColor("#0043ff");

setFaviconBackgroundColor

notify.setFaviconBackgroundColor("#0043ff");// Set font and background colornotify.setFaviconColor("#f5ff00").setFaviconBackgroundColor("red");

faviconClear

notify.faviconClear();

Chrome Notice

notify

notify.notify();notify.notify({title:"New notice",body:"Thunder, it’s raining...",openurl:"https://jaywcjlove.github.io",onclick:function(){console.log("on click");},onshow:function(){console.log("on show");},});

Other

Example

Example 1

functioniconNotify(num){if(!notify){varnotify=newNotify({effect:"flash",interval:500,});}if(num===0){notify.faviconClear();notify.setTitle();}elseif(num<100){notify.setFavicon(num);notify.setTitle("There is new message!");}elseif(num>99){notify.setFavicon("..");notify.setTitle("There is new message!");}}

Example 2

varnotify=newNotify({effect:"flash",interval:500,});notify.setFavicon("1");

Example 3

variN=newNotify({effect:"flash",interval:500,message:"There is new message!",updateFavicon:{// Optional, default green background whitetextColor:"#fff",// favicon font colorbackgroundColor:"#2F9A00",// favicon background color},}).setFavicon(10);

Example 4

variN=newNotify().setFavicon(5);

Example 5

variN=newNotify({effect:"flash",interval:500,message:"There is new message!",audio:{file:"msg.mp4",},}).setFavicon(10).player();

Example 6

variN=newNotify({effect:"flash",interval:500,message:"There is new message!",audio:{file:"msg.mp4",// You can use arrays to pass sound files in multiple formats.},notification:{title:"Notification!",// Set notification titleicon:"",// Set notification icon, The default is Faviconbody:"You have a new message!",// Set message content},}).setFavicon(10).player();// The chrome notification pops up, and the parameters are not passed as default values...iN.notify();iN.notify({title:"Notification!",// Set notification titlebody:"You have a new message!",// Set message content});

Example 7

variN=newNotify({effect:"flash",interval:500,message:"There is new message!",audio:{file:["msg.mp4","msg.mp3","msg.wav"],},notification:{title:"Notification!",// Set notification titlebody:"You have a new message!",// Set message content},});iN.setFavicon(10).player();varn=newNotify();n.init({effect:"flash",interval:500,message:"There is new message!",audio:{file:["openSub.mp4","openSub.mp3","openSub.wav"],},notification:{title:"Notification!",icon:"",body:"You have a new message!",},});n.setFavicon(10).player();

Contributors

License