Архив

Динамический favicon.ico

Яркий пример динамического обновления favicon это сайт "Вконтакте", когда включаешь музыкальный плеер, иконка меняется и на ней отображается, что в данный момент играет музыка.

Основная задача этой библиотеки — это обновлять favicon через Javascript, но есть и более серьёзная задача — дать возможность разработчику возможность сообщать пользователю о каком-то событии в другой вкладке браузера. Например, если в другой вкладке начала играть музыка, вы можете сменить иконку этого таба, показывая, что началось воспроизведение музыки (или другое событие). Или, например, если вам надо действительно привлечь внимание пользователя, вы можете начать анимацию иконки.

Собственно примеры использования:

favicon.change("/icon/active.ico", "new title"); // Отменить или начать анимацию иконки + смена тайтла

favicon.change("/icon/active.ico"); // Оставить тайтл, менять только иконку

favicon.change(null, "new title"); // Оставить иконку, менять только тайтл

favicon.animate(["icon1.ico", "icon2.ico", …]);

favicon.animate(["icon1.ico", "icon2.ico", …], {delay: 500} );

favicon.scrollTitle("new title");

favicon.scrollTitle("new title", { delay: 200, gap: "——"} )

favicon.unscroll();

favicon.unanimate();

Scrolling Favicon Demo
Scrolling Favicon Library