☰

Soundcloud Album Art Downloader+

Allows you to download album art on the Soundcloud website, updated, no jquery, restyled, future i will try to fix cors problem for firefox, for chrome work fine.

// ==UserScript==
// @name         Soundcloud Album Art Downloader+
// @namespace    Wizzergod
// @version      2.0.2
// @description  Allows you to download album art on the Soundcloud website, updated, no jquery, restyled, future i will try to fix cors problem for firefox, for chrome work fine.
// @author       Wizzergod
// @icon         https://www.google.com/s2/favicons?sz=64&domain=soundcloud.com
// @license      MIT
// @include      *://*.soundcloud.*/*
// @include      *://soundcloud.*/*
// @match        *://*.soundcloud.*/*
// @match        *://soundcloud.*/*
// @grant        GM_download
// @grant        GM_info
// @grant        GM_notification
// @grant        GM_xmlhttpRequest
// @grant        unsafeWindow
// @grant        GM_addStyle
// @grant        GM_openInTab
// @connect      i1.sndcdn.com
// @connect      *
// @run-at       document-body
// ==/UserScript==

(function () {
    'use strict';

    // Определение браузера
    const isFirefox = navigator.userAgent.toLowerCase().includes('firefox');

    // Стили
    GM_addStyle(`
        .gpt-art-img {
            width: 500px;
            height: 500px;
            margin-bottom: 15px;
            display: block;
            border: 0.1px solid var(--highlight-color);
            padding: 1px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
            z-index: 99991;
            margin: 10px auto 0 auto;
        }

        .gpt-art-btn {
            margin: 10px auto 0 auto;
            display: block;
            width: 100%;
            z-index: 99991;
            padding: 10px;
            background-color: var(--highlight-color) !important;
            border: 0.1px solid rgba(255, 255, 255, 0.74);
            cursor: pointer;
            border-radius: 5px;
            transition: color 0.3s ease, background-color 0.3s ease;
            text-align: center;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
            font-family: 'Compacta', sans-serif;
            gap: 15px;
            font-size: 1rem;
            line-height: 1.5rem;
            opacity: 0.8;
        }

        .gpt-art-btn:hover {
            background-color: #857744c9 !important;
            border: 0.1px solid #d0e8276b;
            color: #d0ef02c2;
            box-shadow: 0 0 10px #d0e8276b;
        }

        .gpt-art-btn.missing {
            border: 2px solid red !important;
            opacity: 0.6;
        }
    `);

    const sizes = {
        't500x500': '500x500',
        't1080x1080': 'FHD 1080',
        'original': 'original size'
    };
    const regexp = /t\d{3}x\d{3}/gi;

    setInterval(() => {
        const modals = document.querySelectorAll('.modal__content:not(.appeared)');
        modals.forEach(modal => {
            modal.classList.add('appeared');
            handleModal(modal);
        });
    }, 500);

    function handleModal(modal) {
        const imageSpan = modal.querySelector('.imageContent .image .image__full');
        if (!imageSpan) {
            logError("❌ Обложка не найдена в .image__full");
            return;
        }

        const style = getComputedStyle(imageSpan);
        const match = /url\("(.+?)"\)/.exec(style.backgroundImage);
        if (!match || !match[1]) {
            logError("❌ Фон не содержит URL обложки!");
            return;
        }

        const imageURL = match[1];
        const container = modal.querySelector('.imageContent');
        if (!container) return;

        container.innerHTML = '';

        const img = document.createElement('img');
        img.src = imageURL.replace(regexp, 't500x500');
        img.className = 'gpt-art-img';
        container.appendChild(img);

        Object.entries(sizes).forEach(([key, label]) => {
            const sizedURL = key === 'original'
                ? imageURL.replace(regexp, 'original')
                : imageURL.replace(regexp, key);

            checkImageExists(sizedURL, exists => {
                const btn = makeButton(sizedURL, label, !exists, key);
                container.appendChild(btn);
            });
        });
    }

    function checkImageExists(url, callback) {
        const xhr = new XMLHttpRequest();
        xhr.open('HEAD', url, true);
        xhr.onload = () => callback(xhr.status === 200);
        xhr.onerror = () => callback(false);
        xhr.send();
    }

    function makeButton(url, label, missing = false) {
        const btn = document.createElement('button');
        btn.textContent = 'Download ' + label;
        btn.className = 'sc-button sc-button-medium sc-button-responsive gpt-art-btn';
        if (missing) {
            btn.classList.add('missing');
            btn.title = 'Файл может быть недоступен, но можно попробовать скачать';
        }

        btn.addEventListener('click', e => {
            e.preventDefault();
            if (isFirefox) {
                downloadImageFirefox(url);
            } else {
                downloadImageChrome(url);
            }
        });

        return btn;
    }

    function downloadImageChrome(url) {
        url = normalizeURL(url);
        const fileName = decodeURIComponent(url.split('/').pop());
        GM_download({
            url: url,
            name: fileName,
            onerror: e => logError("Скачивание не удалось: " + e.error)
        });
    }

    function downloadImageFirefox(url) {
        url = normalizeURL(url);
        const fileName = decodeURIComponent(url.split('/').pop());

        GM_xmlhttpRequest({
            method: 'GET',
            url: url,
            responseType: 'blob',
            onload: function (response) {
                const blob = response.response;
                const objectUrl = URL.createObjectURL(blob);
                const a = document.createElement('a');
                a.href = objectUrl;
                a.download = fileName;
                document.body.appendChild(a);
                a.click();
                a.remove();
                URL.revokeObjectURL(objectUrl);
            },
            onerror: function (err) {
                logError("Скачивание не удалось: " + (err.error || err.toString()));
            }
        });
    }

    function normalizeURL(url) {
        url = url.split('?')[0];
        if (!url.startsWith('http')) {
            url = window.location.protocol + (url.startsWith('//') ? '' : '//') + url;
        }
        return url;
    }

    function logError(message) {
        const scriptName = GM_info.script.name;
        GM_notification({ title: scriptName, text: message });
        console.error(`%c${scriptName}%c: ${message}`, 'font-weight: bold', 'font-weight: normal');
    }
})();

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址