https://github.com/toyamarodrigo/dwb-app

Simple HQ Youtube Downloader for small youtube files
https://github.com/toyamarodrigo/dwb-app

4k download-videos downloader expressjs hq-youtube-downloader javascript mp3 mp4 nodejs react reactjs scss youtube youtube-video

Last synced: 2 months ago
JSON representation

Simple HQ Youtube Downloader for small youtube files

• Host: GitHub
• URL: https://github.com/toyamarodrigo/dwb-app
• Owner: toyamarodrigo
• License: mit
• Created: 2020-06-26T02:41:02.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-05-05T03:39:06.000Z (12 months ago)
• Last Synced: 2024-05-15T15:36:59.593Z (11 months ago)
• Topics: 4k, download-videos, downloader, expressjs, hq-youtube-downloader, javascript, mp3, mp4, nodejs, react, reactjs, scss, youtube, youtube-video
• Language: JavaScript
• Homepage:
• Size: 5.21 MB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# dwb - HQ Youtube Downloader

![preview](https://i.imgur.com/FTR7VCS.png)

## Main objective

The main objective of this project was to find a way to download videos from Youtube at their highest quality possible.

Why?

Everytime I looked for a website to download a video or audio files, it didn't work or was full of ads.

So I created this tiny webapp where you and I can download mp3's or mp4's at their highest quality possible.

## How does it work

### IMPORTANT

`Since heroku has a timeout request at 30sec. If the download takes more than that it will break. It works for small video files (around 2/3min), depends on internet connection though. 😅`

1. First copy and enter the URL of the desire Youtube video.

2. Select the format and Click Download.

3. In this Web app `node-ytdl-core` will firstly download Youtube videos in `mp4` format no matter if its `Audio only` or `Video only`.

4. If the selected output was `mp3`, `FFmpeg` will convert that `mp4` file into `mp3`. and then send it to the client.

5. If the selected output was `mp4`, `FFmpeg` will download first their `highest quality audio possible` and then their `highest quality video`. Why? because ytdl does not allow downloads highest audio and video at the same time.

6. And finally FFmpeg will merge them into a single mp4 file and send it to the client.

## Run it locally

Make sure to have [NodeJS](https://nodejs.org/en/) & [FFmpeg](https://ffmpeg.org/).

Once you install them, go to `/client` and `/server` folders and run

    npm install

And finally run on `/server` folder

    npm run dev

It will run client and server concurrently

## Tech used

* `HTML`, `CSS`, `ChakraUI`, `JS`, `ReactJS`, `Express`, `NodeJS`

## Dependencies

client

* `chakra-ui`, `fortawesome`, `axios`, `framer-motion`, `styled-components`, `ytdl-core`, `react-router`, `formik`, `framer-motion`

server

* `ytdl-core`, `@ffmpeg-installer/ffmpeg`, `fluent-ffmpeg`, `concurrently`, `cors`, `nodemon`.

## Screenshot

Desktop

![preview](https://i.imgur.com/72uYoyk.png)

Mobile

![preview](https://i.imgur.com/UmyYOiO.png)