Integrate a download button for SoundCloud tracks.
// ==UserScript==
// @name SoundCloud Go+ Downloader
// @description Integrate a download button for SoundCloud tracks.
// @icon https://www.google.com/s2/favicons?sz=64&domain=soundcloud.com
// @version 1.4
// @author afkarxyz
// @namespace https://github.com/afkarxyz/userscripts/
// @supportURL https://github.com/afkarxyz/userscripts/issues
// @license MIT
// @match https://soundcloud.com/*
// @grant GM.xmlHttpRequest
// @grant GM_xmlhttpRequest
// @connect scloudplaylistdownloadermp3.com
// @connect soundcloud.com
// ==/UserScript==
(function() {
'use strict';
const API_ENDPOINT = "https://scloudplaylistdownloadermp3.com/api/scinfo.php";
function isDiscoverPage() {
return window.location.pathname === '/discover';
}
function isSetUrl(url) {
return /\/[^\/]+\/sets\//.test(url);
}
function isSetUrlForListenArtwork(url) {
return /\/sets\//.test(url) && !url.includes('?in=');
}
function createSvgElement(color, size = 16) {
const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svgElement.setAttribute("viewBox", "0 0 448 512");
svgElement.setAttribute("width", size.toString());
svgElement.setAttribute("height", size.toString());
svgElement.style.transition = "0.2s";
svgElement.style.fill = color;
const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
path.setAttribute("d", "M378.1 198.6L249.5 341.4c-6.1 6.7-14.7 10.6-23.8 10.6l-3.5 0c-9.1 0-17.7-3.8-23.8-10.6L69.9 198.6c-3.8-4.2-5.9-9.8-5.9-15.5C64 170.4 74.4 160 87.1 160l72.9 0 0-128c0-17.7 14.3-32 32-32l64 0c17.7 0 32 14.3 32 32l0 128 72.9 0c12.8 0 23.1 10.4 23.1 23.1c0 5.7-2.1 11.2-5.9 15.5zM64 352l0 64c0 17.7 14.3 32 32 32l256 0c17.7 0 32-14.3 32-32l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 64c0 53-43 96-96 96L96 512c-53 0-96-43-96-96l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32z");
svgElement.appendChild(path);
return svgElement;
}
function addDownloadIcon() {
if (isDiscoverPage()) return;
const volumeControl = document.querySelector('.playControls__volume');
if (!volumeControl || document.querySelector('.playControls__scgoplus')) return;
const iconWrapper = document.createElement('div');
iconWrapper.className = 'playControls__scgoplus playControls__control';
iconWrapper.style.cssText = `
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
cursor: pointer;
`;
const svgElement = createSvgElement("#333", 16);
iconWrapper.appendChild(svgElement);
volumeControl.parentNode.insertBefore(iconWrapper, volumeControl.nextSibling);
iconWrapper.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
handleDownload(svgElement);
});
iconWrapper.addEventListener('mouseenter', () => {
svgElement.style.fill = "#f50";
});
iconWrapper.addEventListener('mouseleave', () => {
svgElement.style.fill = "#333";
});
}
function addDownloadIconToTiles() {
if (isDiscoverPage()) return;
const tiles = document.querySelectorAll('.playableTile__artwork');
tiles.forEach(tile => {
if (!tile.querySelector('.playableTile__scgoplus')) {
const artworkLink = tile.querySelector('.playableTile__artworkLink');
if (artworkLink) {
const href = artworkLink.getAttribute('href');
if (isSetUrl(href)) return;
const iconWrapper = document.createElement('div');
iconWrapper.className = 'playableTile__scgoplus';
iconWrapper.style.cssText = `
position: absolute;
top: 8px;
right: 8px;
z-index: 3;
cursor: pointer;
padding: 4px;
background-color: rgba(0, 0, 0, 0.9);
border-radius: 4px;
`;
const svgElement = createSvgElement("#ffffff", 14);
iconWrapper.appendChild(svgElement);
tile.appendChild(iconWrapper);
iconWrapper.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
const artworkLink = tile.querySelector('.playableTile__artworkLink');
if (artworkLink) {
const href = artworkLink.getAttribute('href');
const trackUrl = href.startsWith('http') ? href : `https://soundcloud.com${href}`;
handleDownload(svgElement, trackUrl);
}
});
iconWrapper.addEventListener('mouseenter', () => {
svgElement.style.fill = "#f50";
});
iconWrapper.addEventListener('mouseleave', () => {
svgElement.style.fill = "#ffffff";
});
}
}
});
}
function addDownloadIconToSoundCoverArt() {
if (isDiscoverPage()) return;
const coverArts = document.querySelectorAll('.sound__coverArt');
coverArts.forEach(coverArt => {
if (!coverArt.querySelector('.sound__coverArt__scgoplus')) {
const href = coverArt.getAttribute('href');
if (isSetUrl(href)) return;
const iconWrapper = document.createElement('div');
iconWrapper.className = 'sound__coverArt__scgoplus';
iconWrapper.style.cssText = `
position: absolute;
top: 8px;
right: 8px;
z-index: 3;
cursor: pointer;
padding: 4px;
background-color: rgba(0, 0, 0, 0.9);
border-radius: 4px;
`;
const svgElement = createSvgElement("#ffffff", 14);
iconWrapper.appendChild(svgElement);
coverArt.appendChild(iconWrapper);
iconWrapper.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
const href = coverArt.getAttribute('href');
const trackUrl = href.startsWith('http') ? href : `https://soundcloud.com${href}`;
handleDownload(svgElement, trackUrl);
});
iconWrapper.addEventListener('mouseenter', () => {
svgElement.style.fill = "#f50";
});
iconWrapper.addEventListener('mouseleave', () => {
svgElement.style.fill = "#ffffff";
});
}
});
}
function addDownloadIconToListenArtwork() {
if (isDiscoverPage()) return;
const artworkWrapper = document.querySelector('.listenArtworkWrapper__artwork');
if (!artworkWrapper) return;
const isSetUrl = isSetUrlForListenArtwork(window.location.href);
const hasDownloadButton = !isSetUrl;
if (hasDownloadButton && !artworkWrapper.querySelector('.listenArtworkWrapper__scgoplus')) {
const iconWrapper = document.createElement('div');
iconWrapper.className = 'listenArtworkWrapper__scgoplus';
iconWrapper.style.cssText = `
position: absolute;
top: 12px;
right: 12px;
z-index: 3;
cursor: pointer;
padding: 6px;
background-color: rgba(0, 0, 0, 0.9);
border-radius: 4px;
`;
const svgElement = createSvgElement("#ffffff", 18);
iconWrapper.appendChild(svgElement);
artworkWrapper.appendChild(iconWrapper);
iconWrapper.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
handleDownloadURL(svgElement);
});
iconWrapper.addEventListener('mouseenter', () => {
svgElement.style.fill = "#f50";
});
iconWrapper.addEventListener('mouseleave', () => {
svgElement.style.fill = "#ffffff";
});
}
}
async function getDownloadUrl(trackUrl) {
return new Promise((resolve, reject) => {
const formData = new FormData();
formData.append("url", trackUrl);
GM.xmlHttpRequest({
method: "POST",
url: API_ENDPOINT,
headers: {
"Accept": "application/json, text/javascript, */*; q=0.01",
"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36",
"Origin": "https://scloudplaylistdownloadermp3.com",
"Referer": "https://scloudplaylistdownloadermp3.com/"
},
data: formData,
onload: function(response) {
try {
const responseData = JSON.parse(response.responseText);
if (responseData.dlink_m4a) {
resolve({
url: responseData.dlink_m4a,
name: responseData.name,
artist: responseData.artist,
thumb: responseData.thumb
});
} else {
reject(new Error("No download URL found in response"));
}
} catch (error) {
reject(new Error("Failed to parse response from server"));
}
},
onerror: function(error) {
reject(new Error("Request failed: " + error.statusText));
}
});
});
}
async function handleDownload(svgElement, trackUrl) {
let fullUrl;
if (trackUrl) {
fullUrl = trackUrl;
} else {
const trackLink = document.querySelector('a.playbackSoundBadge__titleLink');
if (!trackLink) {
showError(svgElement);
return;
}
const href = trackLink.getAttribute('href');
fullUrl = href.startsWith('http') ? href : `https://soundcloud.com${href}`;
}
showLoading(svgElement); try {
const audioData = await getDownloadUrl(fullUrl);
if (!audioData.url) {
throw new Error('Download URL not found in the response');
}
showSuccess(svgElement);
setTimeout(() => {
const downloadLink = document.createElement('a');
downloadLink.href = audioData.url;
let fileName = audioData.name || 'soundcloud_track';
fileName = fileName.replace(/[<>:"/\\|?*]/g, '-');
if (!fileName.toLowerCase().endsWith('.m4a')) {
fileName += '.m4a';
}
downloadLink.download = fileName;
downloadLink.style.display = 'none';
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
}, 1000);
} catch (error) {
console.error("Download error:", error);
showError(svgElement);
}
}
async function handleDownloadURL(svgElement) {
const currentURL = window.location.href;
showLoading(svgElement); try {
const audioData = await getDownloadUrl(currentURL);
if (!audioData.url) {
throw new Error('Download URL not found in the response');
}
showSuccess(svgElement);
setTimeout(() => {
const downloadLink = document.createElement('a');
downloadLink.href = audioData.url;
let fileName = audioData.name || 'soundcloud_track';
fileName = fileName.replace(/[<>:"/\\|?*]/g, '-');
if (!fileName.toLowerCase().endsWith('.m4a')) {
fileName += '.m4a';
}
downloadLink.download = fileName;
downloadLink.style.display = 'none';
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
}, 1000);
} catch (error) {
console.error("Download error:", error);
showError(svgElement);
}
}
function showLoading(svgElement) {
while (svgElement.firstChild) {
svgElement.removeChild(svgElement.firstChild);
}
svgElement.setAttribute("viewBox", "0 0 512 512");
const originalColor = svgElement.style.fill;
svgElement.style.fill = originalColor === "#ffffff" ? "#ffffff" : "#f50";
const secondaryPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
secondaryPath.setAttribute("d", "M0 256C0 114.9 114.1 .5 255.1 0C237.9 .5 224 14.6 224 32c0 17.7 14.3 32 32 32C150 64 64 150 64 256s86 192 192 192c69.7 0 130.7-37.1 164.5-92.6c-3 6.6-3.3 14.8-1 22.2c1.2 3.7 3 7.2 5.4 10.3c1.2 1.5 2.6 3 4.1 4.3c.8 .7 1.6 1.3 2.4 1.9c.4 .3 .8 .6 1.3 .9s.9 .6 1.3 .8c5 2.9 10.6 4.3 16 4.3c11 0 21.8-5.7 27.7-16c-44.3 76.5-127 128-221.7 128C114.6 512 0 397.4 0 256z");
secondaryPath.style.opacity = "0.4";
svgElement.appendChild(secondaryPath);
const primaryPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
primaryPath.setAttribute("d", "M224 32c0-17.7 14.3-32 32-32C397.4 0 512 114.6 512 256c0 46.6-12.5 90.4-34.3 128c-8.8 15.3-28.4 20.5-43.7 11.7s-20.5-28.4-11.7-43.7c16.3-28.2 25.7-61 25.7-96c0-106-86-192-192-192c-17.7 0-32-14.3-32-32z");
svgElement.appendChild(primaryPath);
svgElement.style.animation = 'spin 1s linear infinite';
}
function showSuccess(svgElement) {
while (svgElement.firstChild) {
svgElement.removeChild(svgElement.firstChild);
}
svgElement.style.animation = '';
const originalColor = svgElement.style.fill;
svgElement.style.fill = originalColor === "#ffffff" ? "#ffffff" : "#f50";
svgElement.setAttribute("viewBox", "0 0 512 512");
const successPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
successPath.setAttribute("d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z");
svgElement.appendChild(successPath);
setTimeout(() => resetIcon(svgElement), 2000);
}
function showError(svgElement) {
while (svgElement.firstChild) {
svgElement.removeChild(svgElement.firstChild);
}
svgElement.style.animation = '';
const originalColor = svgElement.style.fill;
svgElement.style.fill = originalColor === "#ffffff" ? "#ffffff" : "#333";
svgElement.setAttribute("viewBox", "0 0 512 512");
const errorPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
errorPath.setAttribute("d", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z");
svgElement.appendChild(errorPath);
setTimeout(() => resetIcon(svgElement), 2000);
}
function resetIcon(svgElement) {
while (svgElement.firstChild) {
svgElement.removeChild(svgElement.firstChild);
}
const originalColor = svgElement.getAttribute('data-original-color') || "#333";
svgElement.style.fill = originalColor;
svgElement.setAttribute("viewBox", "0 0 448 512");
svgElement.style.animation = '';
const originalPath = document.createElementNS("http://www.w3.org/2000/svg", "path");
originalPath.setAttribute("d", "M378.1 198.6L249.5 341.4c-6.1 6.7-14.7 10.6-23.8 10.6l-3.5 0c-9.1 0-17.7-3.8-23.8-10.6L69.9 198.6c-3.8-4.2-5.9-9.8-5.9-15.5C64 170.4 74.4 160 87.1 160l72.9 0 0-128c0-17.7 14.3-32 32-32l64 0c17.7 0 32 14.3 32 32l0 128 72.9 0c12.8 0 23.1 10.4 23.1 23.1c0 5.7-2.1 11.2-5.9 15.5zM64 352l0 64c0 17.7 14.3 32 32 32l256 0c17.7 0 32-14.3 32-32l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 64c0 53-43 96-96 96L96 512c-53 0-96-43-96-96l0-64c0-17.7 14.3-32 32-32s32 14.3 32 32z");
svgElement.appendChild(originalPath);
}
const styleSheet = document.createElement('style');
styleSheet.textContent = `
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.sc-classic .playControls__control, .sc-classic .playControls__control:not(:first-child) {
margin-right: 12px;
} .playableTile__scgoplus, .listenArtworkWrapper__scgoplus {
display: flex;
align-items: center;
justify-content: center;
}
.playableTile__scgoplus:hover, .listenArtworkWrapper__scgoplus:hover {
background-color: rgba(0, 0, 0, 0.9);
}
.playableTile__scgoplus:hover svg, .listenArtworkWrapper__scgoplus:hover svg {
fill: #f50 !important;
}
.playableTile__scgoplus svg, .listenArtworkWrapper__scgoplus svg {
fill: #ffffff !important;
}
.playControls__scgoplus svg {
width: 16px;
height: 16px;
}
.playableTile__scgoplus svg {
width: 14px;
height: 14px;
} .listenArtworkWrapper__scgoplus svg {
width: 18px;
height: 18px;
}
.sound__coverArt__scgoplus {
display: flex;
align-items: center;
justify-content: center;
}
.sound__coverArt__scgoplus:hover {
background-color: rgba(0, 0, 0, 0.9);
}
.sound__coverArt__scgoplus:hover svg {
fill: #f50 !important;
}
.sound__coverArt__scgoplus svg {
fill: #ffffff !important;
width: 14px;
height: 14px;
}
`;
document.head.appendChild(styleSheet);
if (!isDiscoverPage()) {
addDownloadIcon();
addDownloadIconToTiles();
addDownloadIconToSoundCoverArt();
addDownloadIconToListenArtwork();
}
const observer = new MutationObserver((mutations) => {
if (!isDiscoverPage()) {
for (let mutation of mutations) {
if (mutation.type === 'childList') {
addDownloadIcon();
addDownloadIconToTiles();
addDownloadIconToSoundCoverArt();
addDownloadIconToListenArtwork();
}
}
}
});
observer.observe(document.body, {
childList: true,
subtree: true
});
let lastUrl = location.href;
new MutationObserver(() => {
const url = location.href;
if (url !== lastUrl) {
lastUrl = url;
if (isDiscoverPage()) {
document.querySelectorAll('.playableTile__scgoplus, .playControls__scgoplus, .sound__coverArt__scgoplus, .listenArtworkWrapper__scgoplus').forEach(el => el.remove());
} else {
addDownloadIcon();
addDownloadIconToTiles();
addDownloadIconToSoundCoverArt();
addDownloadIconToListenArtwork();
}
}
}).observe(document, {subtree: true, childList: true});
})();