PRPlayer Userscript

Allow users to use In-Site player on patronreact.com

Versão de: 03/04/2026. Veja: a última versão.

Você precisará instalar uma extensão como Tampermonkey, Greasemonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Violentmonkey para instalar este script.

Você precisará instalar uma extensão como Tampermonkey ou Userscripts para instalar este script.

Você precisará instalar uma extensão como o Tampermonkey para instalar este script.

Você precisará instalar um gerenciador de scripts de usuário para instalar este script.

(Eu já tenho um gerenciador de scripts de usuário, me deixe instalá-lo!)

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar uma extensão como o Stylus para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

Você precisará instalar um gerenciador de estilos de usuário para instalar este estilo.

(Eu já possuo um gerenciador de estilos de usuário, me deixar fazer a instalação!)

// ==UserScript==
// @name         PRPlayer Userscript
// @namespace    http://patronreact.net/
// @version      1.2
// @description  Allow users to use In-Site player on patronreact.com
// @match        *://*/*
// @grant        GM_xmlhttpRequest
// @connect      mux.com
// @connect      stream.mux.com
// @connect      stats.mux.com
// @run-at       document-start
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    const TARGET_DOMAIN = 'mux.com';
    const REFERER_URL = 'https://www.patreon.com/';

    // Utility to get string URL
    function getUrlString(url) {
        if (!url) return '';
        return (url instanceof URL) ? url.href : String(url);
    }

    // --- 1. Intercept Fetch ---
    const originalFetch = window.fetch;
    window.fetch = async function (...args) {
        let urlStr = '';
        let options = args[1] || {};

        if (args[0] instanceof Request) {
            urlStr = args[0].url;
            options = {
                method: args[0].method,
                headers: args[0].headers,
                body: args[0].body,
                credentials: args[0].credentials,
                mode: args[0].mode
            };
        } else {
            urlStr = getUrlString(args[0]);
        }

        if (urlStr.includes(TARGET_DOMAIN)) {
            return new Promise((resolve, reject) => {
                let reqHeaders = {};

                // Copy original headers intelligently
                if (args[0] instanceof Request && args[0].headers) {
                    args[0].headers.forEach((value, key) => { reqHeaders[key] = value; });
                } else if (options.headers instanceof Headers) {
                    options.headers.forEach((value, key) => { reqHeaders[key] = value; });
                } else if (options.headers) {
                    reqHeaders = { ...options.headers };
                }

                reqHeaders['Referer'] = REFERER_URL;
                reqHeaders['Origin'] = 'https://www.patreon.com'; // Add Origin to be safe

                GM_xmlhttpRequest({
                    method: options.method || 'GET',
                    url: urlStr,
                    headers: reqHeaders,
                    data: options.body || null,
                    responseType: 'arraybuffer',
                    onload: function (response) {
                        const responseOptions = {
                            status: response.status,
                            statusText: response.statusText,
                            headers: new Headers()
                        };

                        if (response.responseHeaders) {
                            response.responseHeaders.trim().split(/[\r\n]+/).forEach((line) => {
                                const parts = line.split(': ');
                                const key = parts.shift();
                                const value = parts.join(': ');
                                if (key) responseOptions.headers.append(key, value);
                            });
                        }

                        resolve(new Response(response.response, responseOptions));
                    },
                    onerror: () => reject(new TypeError('Fetch failed (GM_xmlhttpRequest error)')),
                    ontimeout: () => reject(new TypeError('Fetch failed (Timeout)')),
                    onabort: () => reject(new DOMException('Aborted', 'AbortError'))
                });
            });
        }

        return originalFetch.apply(this, args);
    };

    // --- 2. Intercept XMLHttpRequest ---
    const originalOpen = XMLHttpRequest.prototype.open;
    const originalSend = XMLHttpRequest.prototype.send;
    const originalSetRequestHeader = XMLHttpRequest.prototype.setRequestHeader;

    XMLHttpRequest.prototype.open = function (method, url, ...rest) {
        const urlStr = getUrlString(url);
        this._isMuxRequest = urlStr.includes(TARGET_DOMAIN);
        this._reqUrl = urlStr;
        this._reqMethod = method;
        this._reqHeaders = {};
        return originalOpen.apply(this, arguments);
    };

    XMLHttpRequest.prototype.setRequestHeader = function (header, value) {
        if (this._isMuxRequest) {
            this._reqHeaders[header] = value;
        }
        return originalSetRequestHeader.apply(this, arguments);
    };

    XMLHttpRequest.prototype.send = function (body) {
        if (!this._isMuxRequest) {
            return originalSend.apply(this, arguments);
        }

        const xhr = this; // native XHR instance
        this._reqHeaders['Referer'] = REFERER_URL;
        this._reqHeaders['Origin'] = 'https://www.patreon.com';

        // Helper to safely redefine properties
        const defineSafe = (prop, val) => {
            try {
                Object.defineProperty(xhr, prop, { value: val, configurable: true, writable: true });
            } catch (e) {
                // If it fails, fallback to standard assignment (might fail if read-only)
                try { xhr[prop] = val; } catch (e2) {}
            }
        };

        // Dispatch synthetic events on the real XHR
        const dispatch = (type) => {
            xhr.dispatchEvent(new Event(type));
            if (typeof xhr[`on${type}`] === 'function') {
                xhr[`on${type}`](new Event(type));
            }
        };

        GM_xmlhttpRequest({
            method: this._reqMethod || 'GET',
            url: this._reqUrl,
            headers: this._reqHeaders,
            data: body,
            responseType: this.responseType || 'arraybuffer',  // Very important for video blobs
            onreadystatechange: function (response) {
                defineSafe('readyState', response.readyState);
                defineSafe('status', response.status);
                defineSafe('statusText', response.statusText);
                defineSafe('responseURL', response.finalUrl || xhr._reqUrl);

                if (response.readyState === 4) {
                    defineSafe('response', response.response);
                    if (xhr.responseType === '' || xhr.responseType === 'text') {
                        defineSafe('responseText', response.responseText);
                    }

                    // Mock headers
                    xhr.getAllResponseHeaders = () => response.responseHeaders || '';
                    xhr.getResponseHeader = (name) => {
                        if (!response.responseHeaders) return null;
                        const regex = new RegExp('^' + name + ': (.*)$', 'im');
                        const match = response.responseHeaders.match(regex);
                        return match ? match[1] : null;
                    };
                }

                dispatch('readystatechange');
            },
            onload: function (response) {
                dispatch('load');
                dispatch('loadend');
            },
            onerror: function () {
                dispatch('error');
                dispatch('loadend');
            },
            onabort: function () {
                dispatch('abort');
                dispatch('loadend');
            },
            ontimeout: function () {
                dispatch('timeout');
                dispatch('loadend');
            },
            onprogress: function (response) {
                if (xhr.onprogress) {
                    // Try to construct a ProgressEvent if possible
                    try {
                        const progressEvent = new ProgressEvent('progress', {
                            lengthComputable: response.lengthComputable,
                            loaded: response.loaded,
                            total: response.total
                        });
                        xhr.dispatchEvent(progressEvent);
                        xhr.onprogress(progressEvent);
                    } catch (e) {
                         dispatch('progress'); // fallback
                    }
                }
            }
        });
    };
})();