Как сделать вот такой вот таймер в картинку?

Question

[Artraven]

Дело в том что она генерируется через php. Вопрос как такое реализовать?

Answer 1

[Владислав]

Интересно придумали.

Если сохранить картинку, то мы получим гифку, при открытии которой запускается счетчик с того же самого места, откуда он запускался при первом обращении к ресурсу с этой картинкой. Предполагаю, что при запросе сервер генерирует набор изображений и склеивает их в гиф. Количество кадров можно посмотреть, например, с помощью сервиса picasion picasion.com/ru/split-animated-gif

Comments

[Lumore]

При склейке 10000 картинок, гифка не будет весить 1гб?

[tema_sun]

Lumore: а их там не 10000, а всего-лишь 60. Гифка генерится только на минуту. И занимает, к слову, полмега почти. На мой взгляд значительно меньше можно сделать.

[Владислав]

Lumore: ну, смотри, размер картинки 697x150. гиф поддерживает 256 цветов. т.е. 10000 картинок 697*150*256*10000/(8*1024^3) = 31.15 Гб. Конечно это без учета сжатия. Мы видим, что используется только два цвета, т.е. мы можем брать не 256, а 2. Тогда получим 0,24 Гб. Уже не 1 Гб. Это чисто поверхностное описание. Плюс можно найти еще кучу мест для сжатия (см. LZW-компрессию).
tema_sun: да, меня тоже удивил объем генерируемого файла.

Answer 2

[devian3000]

Не надо так делать.

Но вообще в странице прописываете заголовки что отдаётся изображение.
А сами отдаёте HTML страницу с таймером.
+ несколько скриптов чтобы PHP менял картинку.
(тут судя по всем сделано так)

Comments

[Artraven]

Ко мне на почту пришло письмо с такой вот картинкой. И меня сразу заинтересовало как они это сделали?

[Artraven]

Таймер до определенного времени останавливается конечно но перезагрузив страницу идет дальше.

[devian3000]

судя по всему тут поток картинка не выгружается полностью, а постоянно грузится в потоке.
А когда таймер останавливается, это сервер прервал соединение.
Больше никаких идей нет.

Т.е. два варианта. В заголовках изображение и HTML страница.
или
в цикле генерируется изображение и сбрасывается каждую секунду.

[tema_sun]

devian3000: просто гифка на 60 кадров генерится.

[devian3000]

Да, верно, как-то забыл что такая фича существует =)

Answer 3

[Artraven]

Кстати решение нашлось ссылкой поделился xEdelweiss большое ему спасибо.

А вот и сам скрипт: можно посмотреть как делается здесь.