Web based animated GIF generator

Probably the glory time of GIF (Graphics Interchange Format) is already past, but it remains a popular file format to share animated pictures on the web.

I won’t present what is GIF right? But I feel it has been a while I did not use any haha.

Nonetheless, if you are looking to generate some GIF from a set of pictures, a video / or directly from your Webcam stream, there is plenty of software to do it, but web based? I know only 1, Gifshot, directly from Yahoo.

Gifshot web interface

Written under a MIT licence, GifShot is a JavaScript library that can create animated GIFs from your webcam, pictures and videos. Using the latest technology such as WebRTC, HTML5, …GifShot supports most moderns browsers and can be simply integrated into your HTML pages.

Their API is well documented and all the docs can be found on their git repository.

Also, an easy to use web interface allows you to directly create your GIFs from your webcam and add text, format, etc…

gifshot gif

Here is how to install the GifShot demo (For Debian/Ubuntu and similar):



You will need to install node.js and npm first.

**1) Install nodejs and npm


– If you use Ubuntu, simple run (as root)

apt-get install nodejs npm

– If you are on Debian (Wheezy?) like me, you can install nodejs from wheezy-backports (modify your source.list accordingly) and run (in root):

apt-get install nodejs nodejs-legacy curl

and for npm, you can use the installer (still in root)

curl https://www.npmjs.com/install.sh | sh
**2) Clone their git repository into your /var/www


Still in root, run:

cd /var/www
git clone http://github.com/yahoo/gifshot.git
3) Install all needed dependences with npm
cd gitshot
npm install
4) Run the preview
npm run preview

and simply go to http://YourIP:8001 to have access to the web interface!

That’s it!



Loves to discover web-based apps to install on his own server@home and write articles about it


Add a comment