linusg / spotifube

Download songs from YouTube using Spotify playlists or song URLs. Uses spotify-downloader under the hood.

Spotifube

A GUI for the https://github.com/ritiek/spotify-downloader/ project.

How this works

spotify-downloader is a CLI that uses Spotify tracks/playlists to match youtube videos and download them as mp3, including id3, album art, etc.

This project should provide initially (MVP) a simple UI to drag and drop playlist links, fetch the tracks inside of these playlists and provide a way to the user download these songs into a folder.

Note

Currently not much is done. This project is maintained by a spotify-downloader collaborator – it aims at providing a complete wrapper of the CLI tool!

I'm kinda busy but work will continue within the next weeks. Unless you know Electron, don't try using this. It's nothing but a mess :)

Development Scripts

# run application in development mode
yarn dev

# compile source code and create webpack output
yarn compile

# `yarn compile` & create build with electron-builder
yarn dist

# `yarn compile` & create unpacked build with electron-builder
yarn dist:dir

spotifube's Issues

0 - Implement matches text

We need to:

• Call the CLI
• Look for the generated .txt file
• Read all the lines
• Count them and show like the image above

Before starting: to be discussed, defining overall common plans

To be discussed:

• Colors (imitate spotify? legal issues?)
• Techniques used: Electron, thus a web-tech based application with a JS "backend" and CSS frontend, I would directly start using Sass which I prefer over Less and directly written CSS for "larger" applications
• Usage workflow, related to mockups
• Any preferences to save? Is there something built into Electron for platform independent use?
• Keep dependencies low? IDK if there's any kind of helpers/utils for DOM manipulation etc. but in general I would stay away from stuff like jQuery.

Pack for all platforms

Pack for all platforms. Should be simple with the already existing setup. Would be nice to know how to pack.

For macOS/Windows, we need a certificate, but we won't be using unless someone wants to pay ;)

Create some Mockups

Should this be a tray application or a full window? Might be better to not be a tray, since this is something that you don't use everyday.

• Create a mockup and upload here

2 - Download progress

Implement download feature by calling the CLI to download the playlist.

Command to run:

python3 spotdl.py --playlist=https://open.spotify.com/user/spotify/playlist/37i9dQZF1DXc0iyNwZI144

• Get the output of this command and show a simple text like Downloading 23 of 78.
• Do a console.log() when it comes to and end
• Open a PR

UI design discussion

This thread can be used for discussion of UI and design features, I'll start with a few examples widgets:

https://code.linusgroh.de/spotify-ui.html

I tried to "reverse-engineer" some of the buttons and their behavior. Feel free to have a look at the sourcecode.

new maintainer

@linusg I am very busy to continue this project. I would be happy to deliver mockups when it's needed, but I won't be able to code anymore.

Let's move this project to your account, shall we?

You are the most active and with the most experience at the moment to handle.

1 - Choose a folder to save the files

When clicking on Download all, add a "file chooser" feature and move the playlist *.txt file to this folder.

Set this folder as a configuration of the session. We don't need to save locally on the disk yet.

This should be simple, we don't need to download the mp3 yet

Keep things simple.

3 - Download completed - success

When the download progress is done #8, create this success page with the ability to open the destination folder.

Choosing a license

Not right now, but hopefully as the first lines of code come in. The worst thing a dev can do is probably putting more than a couple of lines of code out there without stating any license.

I usually go for MIT but would really not mind if it's going to be some more restrictive or even less restrictive. spotify-downloader is also licensed under MIT.

Create a bridge between the CLI and this project

Easiest way is using spawn from node. Let's see.

• Code a small internal library to handle spotify-downloader calls to the CLI and get the output

Implement initial UI

@linusg Adding you here to track the work you are doing.