favico.js v0.3.9

Slide animation

   +1       -1    Reset

var favicon=new Favico({
    animation:'slide'
});
favicon.badge(1);

Fade animation

   +1       -1    Reset

var favicon=new Favico({
    animation:'fade'
});
favicon.badge(2);

Pop animation

   +1       -1    Reset

var favicon=new Favico({
    animation:'pop'
});
favicon.badge(3);

Pop & fade animation

   +1       -1    Reset

var favicon=new Favico({
    animation:'popFade'
});
favicon.badge(1);

Without animation

   +1       -1    Reset

var favicon=new Favico({
    animation:'none'
});
favicon.badge(2);

Position

   +1       -1    Reset

var favicon=new Favico({
    position : 'up'
});
favicon.badge(3);

Shape setting

   +1       -1    Reset

var favicon=new Favico({
    type : 'rectangle',
    animation: 'slide',
});
favicon.badge(1);

Custom font support

var favicon=new Favico({
    fontFamily : 'FontAwesome',
    elementId : 'badgeFont'
});
favicon.badge('\f0a2');

Color settings

   +1       -1    Reset

var favicon=new Favico({
    bgColor : '#5CB85C',
    textColor : '#ff0',
});
favicon.badge(3);

Regular image to icon

Set icon

var favicon=new Favico();
var image=document.getElementById('imageId');
favicon.image(image);

HTML5 Video to icon

Play video in icon

var favicon=new Favico();
var video=document.getElementById('videoId');
favicon.video(video);
//stop
favicon.video('stop');

Webcam video to icon

This is only for fun but it works :)
Works on Chrome, Firefox and Opera

Start webcam

var favicon=new Favico();
favicon.webcam();
//stop
favicon.webcam('stop');