极空间Evolved

极影视优化

优化极影视播放的字幕效果
当前为 2024-05-25 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         极影视优化
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  优化极影视播放的字幕效果
// @author       Jeff1125
// @match        *://*/home/player*
// @icon         https://zconnect.cn/home/static/img/[email protected]
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    let stop = setInterval(() => {
        const setSubtitleStyle = () => {
            const video = document.querySelector("video");
            const subtitleArea = document.querySelector(".subtitleArea");
            const videoWidth = video?.clientWidth;
            const videoHeight = video?.clientHeight;
            if (subtitleArea && subtitleArea.style.bottom && videoWidth && videoHeight) {
                clearInterval(stop);
                const sheet = document.styleSheets[0];

                const cssList = [
                    `
                .subtitleArea.subtitleArea.subtitleArea {
                    letter-spacing: .05em!important;
                    color:#ffffff!important;
                    font-family:'黑体'!important;
                    font-size:${videoHeight / 20}px!important;
                    bottom:${videoHeight / 40}px!important;
                    line-height: 1em;
                }
                `,
                    `
                .subtitleArea b {
                    letter-spacing: .05em!important;
                    color:#ffffff!important;
                    font-family:'黑体'!important;
                    font-size:${videoHeight / 20}px!important;
                }
                `,
                    `
                .subtitleArea b b {
                    letter-spacing: initial!important;
                    color:yellow!important;
                    font-family:'黑体'!important;
                    font-size:${videoHeight / 30}px!important;
                }
                `,
                    `
                .subtitleArea span {
                    letter-spacing: .05em!important;
                    color:#ffffff!important;
                    font-family:'黑体'!important;
                    font-size:${videoHeight / 20}px!important;
                }
                `,
                    `
                .subtitleArea span span {
                    letter-spacing: initial!important;
                    color:yellow!important;
                    font-family:'黑体'!important;
                    font-size:${videoHeight / 30}px!important;
                }
                `,
                ];

                for (let i = 0; i < cssList.length; i++) {
                    sheet.insertRule(cssList[i], i);
                }

                return true;
            }

            return false;
        };

        if (setSubtitleStyle()) {
            window.addEventListener("resize", setSubtitleStyle);
        }
    });
})();