☰

Better EdPuzzle

Speed up, allow skipping, and stop auto-pausing on EdPuzzle.com.

// ==UserScript==
// @name         Better EdPuzzle
// @namespace    https://github.com/Enchoseon/better-edpuzzle-userscript/raw/main/better-edpuzzle-userscript.user.js
// @version      0.7.2
// @description  Speed up, allow skipping, and stop auto-pausing on EdPuzzle.com.
// @author       Enchoseon
// @include      *edpuzzle.com/lti/*
// @include      *edpuzzle.com/assignments/*
// @include      *edpuzzle.com/media/*
// @include      *youtube.com/embed*
// @include      *youtube-nocookie.com/embed*
// @run-at       document-start
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    const config = { // Edit this variable to set your own settings!
        "speed": 2,
    }
    // =========
    // Speedhack
    // =========
    function speedhack(mediaSource) {
        console.log("Media Source: " + mediaSource);
        switch(mediaSource) {
            case "youtube":
                break;
            case "vimeo":
                break;
            case "vimeo_with_controls":
                break;
            case "edpuzzle":
                break;
            case "file":
                break;
            default:
        }
    }
    if (window != window.top && (window.location.href.includes("youtube.com/embed/") || window.location.href.includes("youtube-nocookie.com/embed/")) && window.location.href.includes("origin=https://edpuzzle.com")) { // YouTube speedhack (sticking this in the speedhack function would require a bunch of postMessage BS to get around CORs. Wish I could just grant myself the permission to access the iframe (e.g. document.getElementsByTagName("iframe")[0].contentWindow.document.getElementsByTagName("video")[0].playbackRate = config.speed;))
        window.addEventListener("click", function() {
            console.log(window.location.href);
            document.getElementsByTagName("video")[0].playbackRate = config.speed;
        });
    }
    // ===============
    // Anti Auto-Pause
    // ===============
    window.addEventListener("load", function() { // Make some properties always return a value of false
        const propArr = ["hidden", "mozHidden", "msHidden", "webkitHidden"];
        for (var i = 0; i < propArr.length; i++) {
            Object.defineProperty(document, propArr[i], function() {
                value : false
            });
        }
    });
    // =========
    // API Stuff
    // =========
    function interceptAPICall(responseText) { // Read the API call for speedhacking (& debugging).
        responseText = JSON.parse(responseText);
        console.log("API Call Intercepted:");
        console.log(responseText);
        var mediaSource = null;
        if (responseText.medias) {
            mediaSource = responseText.medias[0].source;
        } else if (responseText.source) {
            mediaSource = responseText.source;
        }
        window.addEventListener("load", speedhack(mediaSource));
    }
    function modifyAPICall(responseText) { // Modify the API call to allow skipping.
        // Occasionally the API returns a responses w/ stuff in different locations—since there isn't actual documentation, it's kind of hard to understand—so we're going to inefficiently brute force it instead
        return responseText.replace(`"allowSkipAhead":false`, `"allowSkipAhead":true`);
    }
    function getAPIPath() { // Get the API path
        var urlPath = window.location.pathname;
        var apiPath;
        if (urlPath.startsWith("/assignments/")) {
            var id = urlPath.replace("/assignments/", "")
                            .replace("/watch", "");
            apiPath = "/api/v3/assignments/" + id;
        } else if (urlPath.startsWith("/media/")) {
            var id = urlPath.replace("/media/", "");
            apiPath = "/api/v3/media/" + id;
        }
        return apiPath;
    }
    if (window.location.hostname === "edpuzzle.com") { // Intercept XMLHttpRequests (https://stackoverflow.com/a/41899308) (gets around one-time token for LMS & lets us modify the response)
        (function(window) {
            var OriginalXHR = XMLHttpRequest;
            var XHRProxy = function() {
                this.xhr = new OriginalXHR();
                function delegate(prop) {
                    Object.defineProperty(this, prop, {
                        get: function() {
                            return this.xhr[prop];
                        },
                        set: function(value) {
                            this.xhr.timeout = value;
                        }
                    });
                }
                delegate.call(this, "timeout");
                delegate.call(this, "responseType");
                delegate.call(this, "withCredentials");
                delegate.call(this, "onerror");
                delegate.call(this, "onabort");
                delegate.call(this, "onloadstart");
                delegate.call(this, "onloadend");
                delegate.call(this, "onprogress");
            };
            XHRProxy.prototype.open = function(method, url, async, username, password) {
                var ctx = this;
                function applyInterceptors(src) {
                    ctx.responseText = ctx.xhr.responseText;
                    for (var i = 0; i < XHRProxy.interceptors.length; i++) {
                        var applied = XHRProxy.interceptors[i](method, url, ctx.responseText, ctx.xhr.status);
                        if (applied !== undefined) {
                            ctx.responseText = applied;
                        }
                    }
                }
                function setProps() {
                    ctx.readyState = ctx.xhr.readyState;
                    ctx.responseText = ctx.xhr.responseText;
                    ctx.responseURL = ctx.xhr.responseURL;
                    ctx.responseXML = ctx.xhr.responseXML;
                    ctx.status = ctx.xhr.status;
                    ctx.statusText = ctx.xhr.statusText;
                }
                this.xhr.open(method, url, async, username, password);
                this.xhr.onload = function(evt) {
                    if (ctx.onload) {
                        setProps();

                        if (ctx.xhr.readyState === 4) {
                            applyInterceptors();
                        }
                        return ctx.onload(evt);
                    }
                };
                this.xhr.onreadystatechange = function (evt) {
                    if (ctx.onreadystatechange) {
                        setProps();

                        if (ctx.xhr.readyState === 4) {
                            applyInterceptors();
                        }
                        return ctx.onreadystatechange(evt);
                    }
                };
            };
            XHRProxy.prototype.addEventListener = function(event, fn) {
                return this.xhr.addEventListener(event, fn);
            };
            XHRProxy.prototype.send = function(data) {
                return this.xhr.send(data);
            };
            XHRProxy.prototype.abort = function() {
                return this.xhr.abort();
            };
            XHRProxy.prototype.getAllResponseHeaders = function() {
                return this.xhr.getAllResponseHeaders();
            };
            XHRProxy.prototype.getResponseHeader = function(header) {
                return this.xhr.getResponseHeader(header);
            };
            XHRProxy.prototype.setRequestHeader = function(header, value) {
                return this.xhr.setRequestHeader(header, value);
            };
            XHRProxy.prototype.overrideMimeType = function(mimetype) {
                return this.xhr.overrideMimeType(mimetype);
            };

            XHRProxy.interceptors = [];
            XHRProxy.addInterceptor = function(fn) {
                this.interceptors.push(fn);
            };

            window.XMLHttpRequest = XHRProxy;
            XHRProxy.addInterceptor(function(method, url, responseText, status) {
                if (url === getAPIPath()) {
                    interceptAPICall(responseText);
                    return modifyAPICall(responseText);
                }
            });
        })(window);
    }
})();