deepjyoti30/ytmdl-web-v2

Web version of ytmdl. Allows downloading songs with metadata embedded from various sources like itunes, gaana, LastFM etc.

Ytmdl Web V2

Version 2 of Ytmdl Web with a lot of fixes since the first iteration. This release is way faster than the previous version along with some neat additions like Settings. This Web App is based on the commandline version of the app which can be found here.

Deploy Locally

If you want to deploy the webapp locally and run it, you can do that by pulling the latest image and deploying it.

docker run -d -p 8082:8082 ghcr.io/deepjyoti30/ytmdl-web:latest 

By default the webapp runs on port 8082.

The latest image is built everytime a merge is done in the production branch. If you want to experiment with the bleeding edge and get new features, try out setup.

Setup

In order to run the project locally, you need to clone the repo and run:

git clone [email protected]:deepjyoti30/ytmdl-web-v2 && npm i && npm run serve

If you want to build, use:

npm run build

Contribution

If you want to contribute to the project, read the this.

ytmdl-web-v2's Issues

stuck your song is ready

Bug report

im using the webapp,it says your song is ready but never downloads

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

it run fine until your song is ready

• Locally
• On the official page

Browser Details

firefox 90.1

• Name:
• Version:90.1

Console Log

Put log if you found one in the browsers console window

Description

that the song doesn't download

Expected Behaviour

i excepted the song to be downloaded?

Playlist and batch downloads

What I really love about this is the cool UI. I earlier used to use youtube-dl to download music like this

 youtube-dl URL -g -x --audio-format mp3

I could automate the download of the entire playlist, or a list of links, easily using some simple python script.

But since, I have used your product, I have fallen in love with it. There is no going back to old ways.

It would be great if you would support playlist URLs. Most people collect their favorite songs in playlists.

The end-user would enter the playlist URL (it must be public or unlisted), and ytmdl would fetch the list of all songs, and add metadata automatically.

That would be a great experience.

It would be great, if entering multiple URLs is supported.(some plus button) I would enter all the URLs, and then ytmdl-web would download them all.

Add Lyrics

Feature Request

Checklist

• I've searched the bugtracker for similar feature requests including closed ones.
• I will add the enhancement label to the issue.

Description

It will be so perfect if you guys add for lyrics metadata

Missing LICENSE

I see you have no LICENSE file for this project. The default is copyright.

I would suggest releasing the code under the AGPL-3.0-or-later license so that others are encouraged to contribute changes back to your project.

The application does not work for long songs. It just says getting it ready forever.

Bug report

The application does not work for long songs. It just says getting it ready forever.

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.
  ok

How was Ytmdl Web run

• Locally
• On the official page Yes on the official website

Browser Details

• Name: <> Tried safari and Crome, and tried with a vpn as well
• Version: (If possible)

Console Log

Put log if you found one in the browsers console window

Description

The application does not work for long songs. It just says getting it ready forever.

Expected Behaviour

The song will download like it does for shorter songs.

Thank you for the application and your help.

Error when searching a song

Bug report

Seems to be working when you released it. But checking it now is not working.

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name: <>
• Version: (If possible)

Console Log

Put log if you found one in the browsers console window

Description

DESCRIBE THE ISSUE

Expected Behaviour

SHARE WHAT THE EXPECTED BEHAVIOUR SHOULD BE

Stuck At "Your song is ready!"

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name:
• Version: Latest one.

Console Log

Loading failed for the <script> with source “https://www.googletagmanager.com/gtag/js?id=UA-152084173-5”. download:11:1
Service worker has been registered. registerServiceWorker.js:14:14
Service worker event waitUntil() was passed a promise that rejected with 'TypeError: NetworkError when attempting to fetch resource.'. workbox-precaching.prod.js:1:3354
New content is downloading. registerServiceWorker.js:20:14
onmozfullscreenchange is deprecated. minerkill.js:22:7
onmozfullscreenerror is deprecated. minerkill.js:22:7
Error: Promised response from onMessage listener went out of scope vendors.chunk.js:1:337063
TypeError: this.downloadDetails.size is undefined
    getSize DownloadResult.vue:92
    VueJS 3
    i DownloadResult.vue:1
    VueJS 21
vue.runtime.esm.js:1888:12

Description

After selecting/adding the metadata, the app takes me to the download page, but only shows the message "Your song is ready!", without showing the download button, or downloading anything.

Expected Behaviour

A button should appear that would allow me to download the song, but it doesn't appear.

Mass Playlist Download

Feature Reques

Description

It would be nice to be able to mass download everything in a youtube playlist as a zip file.

Expected Behaviour

Input a YT playlist link (eg this)
And it returns a ZIP with every song with the selected format.
Metadata should be handled by choosing the first result from the metadata search.

Add more tags

Adding more tags would make finding this repo way ezier, this is a very minor thing but i think adding more wud give more exposure, for example when i searched “music download” this did not show up at all. Or maybe is it that you dont want to be found?

spotify metadata web support

Feature Request

Checklist

• I've searched the bugtracker for similar feature requests including closed ones.
• I will add the enhancement label to the issue.

Description

it would be possible to add spotify metadata provider, for example in the search metadata field, you can put the id and it will add it.

Get metadata automatically when a youtube url is given

When I enter the youtube url, i need to enter the name of the song in an extra step for metadata.

This can be automated. Fetching the metadata automatically would be great. There should be an option to edit the metadata after its fetched.

The name of the song can be fetched by - either scrapping the page of the URL, or using youtube API to get the title.

And that confirmation is pretty useless. A person who has entered an URL knows that he has entered an URL, and he intends to use it.

Entering youtube url does not do anything

I am running locally the latest docker image.

I did

➜ docker run -d -p 8082:8082 ghcr.io/deepjyoti30/ytmdl-web:latest

➜ docker images
# muliple lines removed for brevity
ghcr.io/deepjyoti30/ytmdl-web   latest           ea075682d661   7 weeks ago   136MB

The search bar claims that we can enter YouTube URLs.

I pasted the youtube URL, but nothing seems to happen. Just a red lining appears.

Here is a gif showing my usage.

Below is the screenshot of devtools console.

Support Playlist downloading online / on website

Feature Request

Checklist

• [ x] I've searched the bugtracker for similar feature requests including closed ones.
• [ x] I will add the enhancement label to the issue.

Description

This online tool at https://ytmdl.deepjyoti30.dev/ does not support downloading playlists (from youtube).

It would be really useful if we could download music playlists.

No search results appear

Bug report

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name: Edge
• Version: 92.0.902.55 (Official build) (64-bit) on Windows 11

Console Log

Access to fetch at 'https://apis.deepjyoti30.dev/v2/ytmdl/search?q=hello' from origin 'http://[server IP] :8082' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Or when using reverse proxy: Access to fetch at 'https://apis.deepjyoti30.dev/v2/ytmdl/search?q=hello' from origin 'http://ytmdl.[domain].xyz' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Description

When searching for a song, the loading animation appears but no results are ever fetched

Expected Behaviour

Results load

Downloads never start

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name: Safari and Brave
• Version: Safari Version 14.1 (16611.1.18.1.2)

Console Log

No obvious errors

Description

Serach for anything. When clicking the result, it either goes to "Getting the song ready for you" or it takes me to another page of apparent search results which seem unrelated. Occurs locally and on official page.

Expected Behaviour

Download starts.

"Getting the song ready for you" loading for too long

Bug report

Checklist

How was Ytmdl Web run

[-] [On the official page

Browser Details

• Name: < Brave>
• Version: (1.42.97)

Console Log

DevTools failed to load source map: Could not load content for https://ytmdl.deepjyoti30.dev/js/chunk-1ec7a5f6.7343065e.js.map: Load canceled due to load timeout

Description

The page when I paste the link from youtube is loading for too long currently I'm on it but it has loaded for like 20 mins and still going.

Expected Behaviour

The page to load faster and get a download button to choose my format and quality then download it

We like to paste URLs from youtube because we love to get the actual audio quality which the singer/musician uploaded hence third party apps and searching from here I think it reduces the quality a bit.
Other wise GREAT WORK!

Malicious Advertisements

I have no problems with the dev adding advertisements but when i opened ytmdl today i found an advertisement for the adware flow cannot believe the dev would do this

Failed to load metadata for the song.

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name:

Description

Only "The Bad Touch" in metadata search. "Failed to load metadata for the song. Please enter the song name only without artist name etc" message on screen.
(URL: https://www.youtube.com/watch?v=l77qrAnW1N4)

Expected Behaviour

Loading the metadata because only song name is in query.

Says your song is ready but i can't download the song, using webapp btw

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name: <>
• Version: (If possible)

Console Log

Put log if you found one in the browsers console window

Description

DESCRIBE THE ISSUE

Expected Behaviour

SHARE WHAT THE EXPECTED BEHAVIOUR SHOULD BE

Youtu.be links don't work on the web app.

Just as the title says, it loads it. It even lets me select the metadata, but it doesn't have a download link.

Build failed :(

ERROR Failed to compile with 2 errors 2:43:34 pm

error in ./src/App.vue?vue&type=style&index=0&lang=scss&

TypeError: Object.entries(...).flatMap is not a function
at Array.forEach ()
at new Promise ()

@ ./src/App.vue?vue&type=style&index=0&lang=scss& 1:0-480 1:0-480
@ ./src/App.vue
@ ./src/main.js
@ multi ./src/main.js

error in ./src/scss/_tailwind.scss

TypeError: getProcessedPlugins is not a function
at new Promise ()

@ ./src/main.js 9:0-31
@ multi ./src/main.js

ERROR Build failed with errors.

Permission denied (publickey)

root@ubunti:/home/youtube# git clone [email protected]:deepjyoti30/ytmdl-web-v2 && npm i && npm run build
Cloning into 'ytmdl-web-v2'...
[email protected]: Permission denied (publickey).
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

Can't find songs when using another device, server running docker-compose

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name: Brave / Safari
• Version: n/a, doesn't seem browser specific

Console Log

Put log if you found one in the browsers console window

Access to fetch at 'https://ytmdlapi.herokuapp.com/search?q=foobar' from origin 'http://192.168.1.100:8082' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Description

I'm running ytmdl-web on my server. When I try and search for a song on any other client device, I don't get any results. It's just a continuous search. I get the error above in console (not smart enough to understand what CORS policy is all about).

Expected Behaviour

Search results are delivered. This works fine if I use localhost:8082 on my server.

set download dir

it'd be nice if there was a way to have a data dir mounted via docker that you could have ytmdl automatically put songs in after complete, using the -o OUTPUT_DIR option. im happy to try and come up with a commit or pr if this is a desirable feature for others.

(first time creating a feature request for this repo, please lmk if i put this in the wrong spot.)

awesome tool by the way! using it all the time.

Song Doesn't Finish Loading (When "/" is in the Title)

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name: Google Chrome
• Version: Version 91.0.4472.77 (Official Build) (64-bit)

Console Log

?

Description

When attempting to download a particular song, "No Sugar Tonight / New Mother Nature" by The Guess Who, the song would not finish loading after selecting the audio and metadata. I have previously successfully downloaded at least 30 songs without issue, none of which have had the "/" character in the title like this one did, which leads me to believe that the "/" character is the thing causing an issue. I have since tried other songs with the character in the title including "War Pigs / Luke's Wall" by Black Sabbath, "Holiday / Boulevard of Broken Dreams" by Green Day, and "Foreplay / Long Time" by Boston. They have all failed and resulted in the same issue happening. I of course don't know for a fact that the "/" is the problem, but I suspect it to be and think it is safe to say that it is the problem.

I have only tried it on the web site because I could not figure out how to set the program up the other way, additional help would be appreciated.

I have also tried downloading "No Sugar Tonight / New Mother Nature" in Firefox and Microsoft Edge, neither worked. And Internet Explorer couldn't even load the web site. I suspect that no other browser would work either. It wouldn't work on my phone either.

I really like this app, and I think it is very neat and well made. Thanks in advance for any help!

Expected Behaviour

The behaviour I expect is the site to finish telling me "Getting the song ready for you..." after a few seconds. However, after waiting several seconds, and many minutes; none of the songs I attempted with "/" in the title ever finished and gave me a download button, which is what I expect to happen.

Stuck At "Getting the song ready for you..."

Bug report

Checklist

• I have searched for similar bugs in the issues. (I did, but there were no logs there.)
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name:
• Version: (Latest version.)

Console Log

ytmdl.deepjyoti30.dev-1617700747017.log
ytmdl.deepjyoti30.dev-1617700737488.log

Description

I can't download anything. It always gets stuck at "Getting the song ready for you..." without progressing further.

Expected Behaviour

The expected behaviour is that the song gets downloaded...?

Going back to search song appends new videoId to URL instead of replacing.

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Description

Once the song is selected after searching, it takes the user to the next page. If the user comes back to the song search page and selects a different video, the videoId is appended to the URL instead of replacing the already existing videoId.

This results with the user getting some other song in the final result.

Expected Behaviour

Should instead replace the current videoId with the new song selected.

Queries can't have spaces.

I haven't peeked at the source but I suspect the query isn't sanitized. Should parse spaces to _

YouTube Music paste link not working

3 problems found with the V2 Wepp Application of ytmdl

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name:
• Version: Version 101.0.4951.26 (Official Build) beta (64-bit)

Console Log

Console Log could not be located at the time.

Description

3 problems were found while using the V2 Web App version of ytmdl

• Page gets stuck on 'Your Song is Ready' page without the album cover art or download button
• Song Search does not come up with songs using Youtube link or song name
• Metadata search comes up with faulty metadata

Expected Behaviour

• The page was expected to load fully appearing with all metadata, and a download button
• The 'Song Search' functionality was expected to find with the proper song using the Youtube link input as well as song name
• The ytmdl automatic metadata search was expected to find the proper metadata for the song requested

Stuck at "Extracting title from the entered URL..."

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name:
• Version: Version 110.0.5481.180 (Official Build) (64-bit)

Console Log

Put log if you found one in the browsers console window

Description

When I try to download https://www.youtube.com/watch?v=iq3IOvDhrvM it gets stuck at "Extracting title from the entered URL..."

Expected Behaviour

The song should be available for download.

Just a question

Why v2 in the name of the repo? I believe this project will stay for a long time, and many newer releases will be released.

Just ytmdl-web sounds short and sweet. I am curious to know the reason behind your naming.

Never worry about renaming, because GitHub will automatically redirect people who come to the old URL of this repo.

Youtube songs not working on web app

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name: Firefox
• Version: 110.0

I've also tried on Microsoft Edge and the issue is present on that browser as well.

Description

Page gets stuck on 'Your Song is Ready' page without the album cover art or download button. This happens for every song I've tried to download, no matter if I input a link or search by name. Force refreshing kicks me back to the home page.

Weird bug about downloading MP3s

Bug report

Checklist

• I will add the bug label to this issue.
• I have searched for similar bugs in the issues.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name: Firefox

Description

I can't download mp3s anymore, I had to switch to m4a to download this: https://www.youtube.com/watch?v=DDsx3j3S4qc
It gets stuck at "Your Song is Ready" part and doesn't display the actual song.

Expected Behaviour

Mp3 downloads working as well as M4A downloads.

How to jump into editing metadata manually ?

Question

Checklist

• I've looked through the README and the WiKi for something similar.
• I tried talking with the developer on the Telegram support group.

Question

First I enter the youtube URL, and then the page comes asking for name of song. But I am actually downloading an audiobook, and I don't want to search for metadata, I want to straight go into writing metadata on my own.

In the metadata search page, I gave some name, but it loads forever.

360kbps download ability

Feature Request

Checklist

• I've searched the bugtracker for similar feature requests including closed ones.
• I will add the enhancement label to the issue.

Description

Option to choose songs quality between 128kpbs and 360kbps

Stuck at 'Your Song Is Ready!' even though song works.

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name: Firefox

Description

Download link unavailable when trying to download. I have to run some songs through the web app multiple times to download them. It's frustrating when trying to do multiple songs. I recorded it to show the issue, download link becomes available after a minute of trying: https://www.youtube.com/watch?v=pBh0t_MCA9c

Expected Behaviour

I want to be able to download songs on the first try.

Tauri webapp

Feature Request

Checklist

• I've searched the bugtracker for similar feature requests including closed ones.
• I will add the enhancement label to the issue.

Description

Adding tauri framwork to the webapp, for an improved experience
Describe the feature
There are two ways:

1. Redirect the app to https://ytmdl.deepjyoti30.dev, and keep some backup assets bundled to show the internet error message
2. Bundle the complete app locally

Leaning to 1st method, as the 2nd one is giving small hiccups.

Expected Behaviour

SHARE WHAT THE EXPECTED BEHAVIOUR SHOULD BE

Website app is down

Bug report

How was Ytmdl Web run

• On the official page

Description

The website is down, and according to this website, it's been a week.

link

Expected Behaviour

Website not down. :D

save localy on server instead of download.

Feature Request

Checklist

• I've searched the bugtracker for similar feature requests including closed ones.
• I will add the enhancement label to the issue.

Description

I use this to save localy to my music folder. Would be nice to just have it bulk save a playlist to my local folder (maybe in settings or config pointing to a pth)

"Explicit lyrics" songs being unable to be downloaded or even viewed

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name: Firefox
• Version: probably latest stable

Console Log

nothing out of ordinary

Description

Title.
example urls:
https://www.youtube.com/watch?v=lYYLH9_jVaE
https://youtu.be/HW655mV6eX4

Expected Behaviour

Being able to download it. I understand that without an adult account it would be difficult for ytdl to download it, so most likely an error message popping up about this.

Manual Meta descriptions are inaccurate

Bug report

Checklist

• I have searched for similar bugs in the issues.
• I will add the bug label to this issue.

How was Ytmdl Web run

• Locally
• On the official page

Browser Details

• Name: Google Chrome
• Version: (If possible)

Console Log

Put log if you found one in the browsers console window

Description

In the manual metadata page, each heading has a description explaining what that field does. The following have the wrong description:

• Cover image of the song
• Date release of the song

The description set for the above two are Enter the name of the artist.

Expected Behaviour

The descriptions should indicate what that particular field does.

Issue mailed to me by Danny