Страницы

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

среда, 22 января 2020 г.

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

#jquery #php #html #javascript


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


Ответы

Ответ 1



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

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

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