theworldwatch downloader

Video downloader for theworldwatch.com
当前为 2025-01-10 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        theworldwatch downloader
// @namespace   Violentmonkey Scripts
// @match       https://theworldwatch.com/*
// @grant       GM.xmlHttpRequest
// @grant       GM_addElement
// @grant       GM_addStyle
// @grant       GM_download
// @grant       GM_openInTab
// @grant       GM_log
// @version     2.2
// @author      https://gf.qytechs.cn/en/users/1409235-paywalldespiser
// @description Video downloader for theworldwatch.com
// @license     MIT
// @require     https://update.gf.qytechs.cn/scripts/523012/1516081/WaitForKeyElement.js
// @require     https://cdn.jsdelivr.net/npm/[email protected]/dist/FileSaver.min.js
// @require     https://cdn.jsdelivr.net/npm/@trim21/[email protected]/dist/gm_fetch.min.js
// @connect     theworldwatch.com
// ==/UserScript==

/**
 * Gets filename from theworldwatch.com video URL
 *
 * @param {string} url
 * @returns {string}
 */
function getFilenameFromURL(url) {
    const title = document.title;
    for (const [, videoURL] of url.matchAll(/\/get_file\/.*\/(.*?)\.mp4/gm)) {
        if (videoURL) {
            return `${title} [${videoURL}].mp4`;
        }
    }

    return `${title}.mp4`;
}

(function () {
    GM_addStyle(`
    .loader {
        border: 0.25em solid #f3f3f3;
        border-top: 0.25em solid rgba(0, 0, 0, 0);
        border-radius: 50%;
        width: 1em;
        height: 1em;
        animation: spin 2s linear infinite;
    }
    
    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }
    
        100% {
            transform: rotate(360deg);
        }
    }
    
    .kt-player .fp-controls .fp-download {
        display: inline-flex;
        float: right;
        height: 100%;
        justify-content: center;
        align-items: center;
        margin: 2px 4px 4px 10px;
    }
    `);
    waitForKeyElement('.player video').then((video) => {
        const fullScreenButton = video.nextElementSibling.querySelector(
            '.fp-controls > .fp-screen'
        );
        const downloadButtonContainer = GM_addElement('div');
        downloadButtonContainer.classList.add('fp-download');

        const downloadButton = GM_addElement('a');
        downloadButton.style.fontSize = '1.4em';
        downloadButton.textContent = '⬇';

        downloadButtonContainer.appendChild(downloadButton);

        const loadingElement = GM_addElement('div');
        loadingElement.classList.add('loader');

        downloadButton.addEventListener('click', () => {
            downloadButtonContainer.removeChild(downloadButton);
            downloadButtonContainer.appendChild(loadingElement);
            GM_fetch(video.src, {
                method: 'GET',
                withCredentials: true,
                credentials: 'include',
            })
                .then((resp) => {
                    if (!resp.ok) {
                        return Promise.reject();
                    }
                    return resp;
                })

                .then(
                    (resp) => resp.blob(),
                    (e) => {
                        GM_log(`error: ${e}`);
                        console.error(e);
                        downloadButtonContainer.appendChild(downloadButton);

                        downloadButtonContainer.removeChild(loadingElement);

                        downloadButton.textContent = '⮿';
                    }
                )
                .then((blob) => {
                    saveAs(blob, getFilenameFromURL(video.src));

                    downloadButtonContainer.appendChild(downloadButton);

                    downloadButtonContainer.removeChild(loadingElement);

                    downloadButton.textContent = '✓';
                });
        });
        fullScreenButton.parentNode?.insertBefore(
            downloadButtonContainer,
            fullScreenButton.nextSibling
        );
    });
})();
欢迎访问Greasy Fork镜像
