pratiknarola / gif-it Goto Github PK

Gif-It - An online tool to Make Gifs from portion of any* Youtube Video

any*: Video Playback should be enabled for other sites

Currently FFMPEG is being used as a binary(same as on LINUX) and executing the commands on the Shell with the help of the node-server. Part of the process was to get the source url of the Youtube Video which is done using youtube-dl-exec library. So, As a result Process of converting and fetching the gif from the server is slower, sometimes Request may Time Out as Heroku has limit of 30 seconds of until Timed Out Responses.

NOTE: Future prospects are to make this completely Client Side. See Live Demo for basic functionality.

1. Clone this repo to your local machine and cd into the Gif-It directory.

2. npm i
   

   This will download all the required dependencies for the application to run on your local machine.

3. Create the .env file at root of the Project and add all the environment Variables with appropriate values to it as illustrated in .env.sample

4. As you might notice from .env.sample file you need an API KEY for using Youtube-Data-Api. Here is quick guide for generating one. Add this key to .env file.

5. npm start
   

   This will start react development serve at port 3000(by default)

6. npm run serve
   

   This will start node-server at port 5000(by default)

Step-1:

Search with keywords about the video just like youtube.com

Step-2:

Click on 'Use Video for making Gif'

Step-3:

Set the 'Starting Time' of the Video in seconds

Step-4:

Set the 'Duration' for the Gif in seconds

Step-5:

Click on 'Gif-It Now!' and wait till you get the Gif File downloaded from the Server.

1. HTML/CSS/JS
2. React.js
3. Node.js

• Ankit Sangwan

Special Mention: Aman Tibrewal for suggesting youtube-dl.