Radiooooo download button

I’ve discovered a lot of gems on Radiooooo and have many times wished I could save them.

This Chrome extension allows for exactly that by adding a download button next to the ‘play’ and ‘skip’ buttons.

How does it work?

A simple piece of JavaScript does all of the work, and it’s rather simple: 1 . We search for the audio element that’s playing the current song - it must know the url of the source in order to play it

let url = document.getElementsByClassName("audio")[0].currentSrc;

2 . We create a new resource (“a”) element and assign the url of the song to the element

let element = document.createElement('a');
element.href = url;

3 . A button element is created and injected into the UI next to the ‘play’ and ‘skip’ buttons

let downloadBtn = document.createElement('button');
 
let panel = document.getElementsByClassName("group command")[0];
panel.appendChild(downloadBtn);

4 . We wire the button up to trigger the fetching of the resource

downloadBtn.onclick = downloadSong; // the function that contains the above functionality

And voila! A convenient button for downloading music

Visit the repository