☰

4chan-tts

TTS for 4chan

// ==UserScript==
// @name        4chan-tts
// @namespace   Violentmonkey Scripts
// @match       *://boards.4chan.org/*
// @grant       none
// @version     1.10
// @author      doomkek
// @description TTS for 4chan
// @license MIT
// ==/UserScript==

(function () {
    var IS_4CHANX = false;
    var synt;

    if ('speechSynthesis' in window) {
        synt = window.speechSynthesis;
    } else {
        alert('[4chan-tts] Speech synthesis is not supported.');
        return;
    }

    const config = {
        USE_TTS: true,
        TTS_CONFIG: {
            pitch: 0.5,  //0.1-2.0
            rate: 1.5, //0.1-2.0,
            rngNarrator: true,
            volume: 0.5, //0.0-1.0
        },

        saveConfig: function () { localStorage.setItem("4chan-tts.config", JSON.stringify(config)); },
        loadConfig: () => {
            var conf = JSON.parse(localStorage.getItem("4chan-tts.config"))

            if (!conf)
                return;

            for (const key in config) {
                if (conf.hasOwnProperty(key)) {
                    config[key] = conf[key];
                }
            }

        },
    };

    function initX() {
        document.getElementById('cbTTS').remove(); //delete checkbox from non-4chanX init

        var useTtsCb = document.createElement('span');
        useTtsCb.innerHTML = `<span id="shortcut-tts" class="shortcut brackets-wrap" data-index="510"><a id="use-tts" title="TTS" href="javascript:;" class="fa ${config.USE_TTS ? 'fa-volume-up' : 'fa-volume-off'}">TTS</a></span>`;
        useTtsCb.addEventListener("click", function (e) {
            config.USE_TTS = !config.USE_TTS;
            config.saveConfig();
            if (config.USE_TTS) {
                document.getElementById('use-tts').classList.replace('fa-volume-off', 'fa-volume-up');
            }
            else {
                document.getElementById('use-tts').classList.replace('fa-volume-up', 'fa-volume-off');
                synt.cancel();
            }
        });

        document.getElementById('shortcuts').querySelector('#shortcut-qr').insertAdjacentElement('afterend', useTtsCb);
    }

    function init() {
        var useTtsCb = document.createElement('span');
        useTtsCb.id = 'cbTTS';
        useTtsCb.innerHTML = `[<label><input type="checkbox" title="Use TTS">Use TTS</label>]`;
        useTtsCb.querySelector('input').checked = config.USE_TTS;
        useTtsCb.addEventListener("click", function (e) {
            config.USE_TTS = !config.USE_TTS;
            config.saveConfig();
            if (!config.USE_TTS) {
                synt.cancel();
            }
        });

        document.getElementsByClassName('bottomCtrl desktop')[0].querySelector('.stylechanger').insertAdjacentElement('afterend', useTtsCb);
    }

    function playPosts(e) {
        if (!config.USE_TTS)
            return;

        if (!IS_4CHANX) {
            e.detail.newPosts = Array.from(document.getElementsByClassName('thread')[0].childNodes).slice(-e.detail.count).map(elem => '.' + elem.id);
        }

        for (var i = 0; i < e.detail.newPosts.length; i++) {
            var post = document.getElementById('pc' + e.detail.newPosts[i].substr(3));

            if (!post || post.hasAttribute('hidden') || post.querySelector('.stub') || post.querySelector('.post-hidden'))
                continue;

            speak(clearPost(post.querySelector('#m' + e.detail.newPosts[i].substr(3))));
        }
    }

    var prevNarrator = 0;
    function getRandomNarrator() {
        var voices = synt.getVoices();
        var i = Math.floor(Math.random() * (voices.length - 2));

        var c = 0;
        while (i == prevNarrator && c++ < 100) {
            i = Math.floor(Math.random() * (voices.length - 2));
        }

        return voices[prevNarrator = i];
    };

    function speak(lines) {
        var rngNarrator = getRandomNarrator();

        for (var i = 0; i < lines.length; i++) {
            var line = lines[i];
            var u = new SpeechSynthesisUtterance(line.text);
            u.volume = config.TTS_CONFIG.volume;
            u.pitch = config.TTS_CONFIG.pitch;
            u.rate = config.TTS_CONFIG.rate;

            if (line.type == ">") {
                u.pitch = 2.0;
                u.rate = 1.8;
            }

            if (config.TTS_CONFIG.rngNarrator)
                u.voice = rngNarrator;

            synt.speak(u);
        }
    }

    var weqweqwew = [
        ["wtf", "what the fuck"],
        ["btw", "by the way"],
        ["btfo", "btf-o"],
        ["tbh", "to be honest"],
        ["tbqh", "to be quite honest"],
        ["kys", "kill yourself"],
        ["stfu", "shut the fuck up"],
        ["iirc", "if I remember correctly"],
        ["uwnb", "you will never be"],
        ["itt", "in this thread"],
    ];

    var benis = [
        [/(\d+)\*/g, (_, g) => `${g} star`],
    ];

    function clearPost(element) {
        let lines = [];

        element.childNodes.forEach(node => {
            if (node.nodeType === node.TEXT_NODE)
                lines.push({ type: "t", text: node.nodeValue });
            else if (node.nodeType === node.ELEMENT_NODE && (node.nodeName === "SPAN" || node.nodeName == "S")) {
                if (node.nodeType === node.ELEMENT_NODE && node.classList.contains("quote"))
                    lines.push({ type: ">", text: node.textContent });
                else
                    lines.push({ type: "t", text: node.textContent });
            }
        });

        for (var i = 0; i < lines.length; i++) {
            var line = lines[i].text;
            line = line.replace(/https?:\/\/\S*/g, "\n");
            line = line.replace(/ +/g, " ");
            line = line.replace(/\n(:? *\n*)+/g, "\n");

            for (var j = 0; j < weqweqwew.length; j++) {
                line = line.toLocaleLowerCase().replaceAll(weqweqwew[j][0], weqweqwew[j][1]);
            }

            for (var j = 0; j < benis.length; j++) {
                line = line.toLocaleLowerCase().replace(benis[j][0], benis[j][1]);
            }

            lines[i].text = line.trim();
        }

        console.log(lines);
        return lines;
    }

    document.addEventListener('4chanXInitFinished', function (e) {
        IS_4CHANX = true;
        initX();
    });

    document.addEventListener('4chanThreadUpdated', playPosts);
    document.addEventListener('ThreadUpdate', playPosts);
    config.loadConfig();
    init();
})();