顯示動畫瘋封面 & 視覺圖

在動畫瘋網站顯示該集封面 & 視覺圖
目前为 2023-05-20 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name         顯示動畫瘋封面 & 視覺圖
// @namespace    https://github.com/zica87/self-made-userscipts
// @version      1.2.1
// @description  在動畫瘋網站顯示該集封面 & 視覺圖
// @author       zica
// @match        https://ani.gamer.com.tw/animeVideo.php?sn=*
// @grant        GM_registerMenuCommand
// @license      GPL-2.0
// ==/UserScript==

(function () {
    'use strict';

    GM_registerMenuCommand("顯示大視覺圖", display_visual);

    // 把下面一行的兩個斜線刪掉並存檔，即可自動顯示大視覺圖
    // display_visual();

    // 顯示視覺圖
    function display_visual(){
        const visual = document.createElement('img');
        visual.src = document.getElementsByName('thumbnail')[0].content;
        Object.assign(visual.style, {
            maxHeight: '40rem',
            float: 'right',
            margin: '10px 10px auto 10px'
        });
        document.getElementsByClassName('anime-title')[0].prepend(visual);
        document.getElementsByClassName('anime-ad')[0].style.position = 'static';
    }

    // 顯示封面
    const cover = document.createElement('img');
    Object.assign(cover.style, {
        width: '100%',
        maxWidth: 'initial',
        height: '100%',
        objectFit: 'contain',
    });

    const observer = new MutationObserver((records, observerInstance) => {
        const agreeScreen = document.getElementsByClassName('video-cover-ncc')[0] ||
                            // 付費會員限定
                            document.getElementsByClassName('video-verify')[0];
        if (!agreeScreen) return;

        observerInstance.disconnect();
        const dummyVideo = document.getElementById('ani_video_html5_api');
        if (dummyVideo) {
            cover.src = dummyVideo.poster;
            const agreeButton = document.getElementById('adult');
            cover.onclick = () => {
                cover.remove();
                agreeButton.click();
            };
        }
        else {
            // 需要年齡驗證
            // 或是付費會員限定
            cover.src = get_cover_url();
            cover.onclick = () => {
                cover.remove();
                agreeScreen.style.display = "flex";
            };
        }
        agreeScreen.before(cover);
        agreeScreen.style.display = "none";
    });
    observer.observe(document.getElementById('video-container'), {
        childList: true,
        subtree: true
    });

    function get_cover_url() {
        const allScript = document.getElementsByTagName('script');
        const someScript = allScript[allScript.length - 1].textContent;
        // example:
        // <script>
        // animefun.videoSn = 31725;
        // animefun.poster = 'https://p2.bahamut.com.tw/B/2KU/40/1b6bfb1aa1636596a99ef069081j21w5.JPG';
        const ed = someScript.search('\';');
        // [18] == '=' (in front of 31725)
        const st = someScript.slice(18, ed).search('\'');
        const cover_url = someScript.slice(st + 18 + 1, ed);
        return cover_url;
    }
})();
欢迎访问Greasy Fork镜像
