Страницы

Поиск по вопросам

суббота, 9 марта 2019 г.

Анимированный интерактивный favicon

Интересует такой вопрос, каким образом сделана favicon на сайте megalyrics.ru, когда запускаешь какой-нибудь трек? Изначально мысль была, что через js/php генерится статический изображение эквалайзера, и заменяется. Но, разные пользователи слушают разные треки и к тому же браузер это дело хорошо кеширует, потому явно не так происходит. К тому же это ж сколько в день миллиардов генерации изображения, пусть даже такого маленького. Есть у кого какие идеи? UPD Нашел такое, вроде то, что нужно, но все-же получается сколько изображений должно генериться в плане эквалайзера....


Ответ

Во время проигрывания трека favicon подменяется при помощи JavaScript. Однако вместо полноценных ссылок используется трюк с префиксом "data:". Т.е. во время проигрывания с определенным интервалом генерируется favicon сл. вида:

Сами данные картинки могут как генерироваться на JS, так и загружаться сразу все возможные варианты с сервера (если не ошибаюсь, там получается всего 64 варианта, 2 колонки по 8 делений)
PS Парсер не может разобрать вторую ссылку. http://ru.wikipedia.org/wiki/Data:_URL

Комментариев нет:

Отправить комментарий