favico.js是一款网页图标插件，让网页图标动起来。通过此插件您可以：在图标上增加角标、把网页中的图片设置为图标，甚至在图标上播放视频和启动摄像头！

说明：

1.插件在iframe框架中运行会失效，在线预览请点击页面右上角的“×”移除框架。

2.Chrome本地预览会出现canvas跨域问题，请换用其他浏览器或在IIS下部署。

favico.js是一个独立的轻量级JS插件，无需JQuery等支持，所以使用起来是非常简单的，只需引入favico.js一个文件即可，角标的样式均可自行定义。

用法

引入favico.js文件，CDN文件：http://www.bootcdn.cn/favico.js/

前提：网页需要有图标。

首先需要创建一个Favico实例，然后就可以使用了

var favicon = new Favico({
                });<br>

各种功能的用法：

设置角标：favicon.badge(角标内容);

var badge = 5;
 favicon.badge(badge);

重置图标（恢复网页原图标）：

favicon.reset();

设置图像：favicon.image(图像元素);

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

播放视频（Firefox也会出现跨域问题，请在服务器环境下运行）：favicon.video(视频元素);

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

停止视频：

favicon.video('stop');

启动摄像头：

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

停止摄像头：

favicon.webcam('stop');

选项说明

var favicon = new Favico({**** });

更详细的示例请参见demo页面

-END-