Coder Social home page Coder Social logo

dynamic-gifs-countdown's Introduction

PHP Dynamic gifs countdown

Dynamic countdown gifs project

GIF DINÂMICO

Esse projeto de Contador GIF dinâmico não funciona como um GIF comum, toda vez que ele é carregado, é exibido a contagem regressiva absoluta, ao invés de reiniciar. Ou seja, se for definido que o fim será daqui 10 minutos, toda vez que eu carrega-lo ele me mostrará o tempo restante até se esgotar. Para para possibilitar essa funcionalidade utilizei PHP e algumas bibliotecas como GIFEncoder.class.php

O FLUXO FUNCIONA ASSIM:

Current Flow

  1. Requisição

Primeiro é feito a requisição digitando o link no navegador, que a principio parece chamar um arquivo com a extensão .gif example.com/countdown/8bhw.gif

  1. RewriteEngine

Com o .htacess é feito uma reescrita interna, com auxilio de um regex. Convertendo: <hash>.gif para: gif.php?id=<hash> Passando o hash via GET sem mudar a requisição original.

  1. Manda o hash pro banco

O PHP captura o $_GET e consulta no banco o valor do Hash.

  1. Banco retorna os dados

É retornado os dados necessários para criar o GIF como

  • Cores
  • Imagem de fundo
  • Fonte
  • Tamanho da fonte
  • Tempo limite do contador
  1. Renderização

O PHP junta os dados do banco e cria o GIF dinâmico.

O PROBLEMA

Hoje, ao fazer a requisição o resultado retorna um GIF bem pesado (1,5M aprox.) e isso impossibilita o uso em um e-mail Mkt por exemplo, se alguém souber de alguma API ou algum modo de diminuir esse peso total agradeço desde já !!

dynamic-gifs-countdown's People

Contributors

lucasjordaoeou avatar lucasjordaom avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.