☰

AniLINK - Episode Link Extractor

Stream or download your favorite anime series effortlessly with AniLINK! Unlock the power to play any anime series directly in your preferred video player or download entire seasons in a single click using popular download managers like IDM. AniLINK generates direct download links for all episodes, conveniently sorted by quality. Elevate your anime-watching experience now!

当前为 2024-09-02 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        AniLINK - Episode Link Extractor
  3. // @namespace   https://greasyfork.org/en/users/781076-jery-js
  4. // @version     4.3.0
  5. // @description Stream or download your favorite anime series effortlessly with AniLINK! Unlock the power to play any anime series directly in your preferred video player or download entire seasons in a single click using popular download managers like IDM. AniLINK generates direct download links for all episodes, conveniently sorted by quality. Elevate your anime-watching experience now!
  6. // @icon        https://www.google.com/s2/favicons?domain=animepahe.ru
  7. // @author      Jery
  8. // @license     MIT
  9. // @match       https://anitaku.*/*
  10. // @match       https://anitaku.so/*
  11. // @match       https://gogoanime.*/*
  12. // @match       https://gogoanime3.co/*
  13. // @match       https://gogoanime3.*/*
  14. // @match       https://animepahe.*/play/*
  15. // @match       https://animepahe.ru/play/*
  16. // @match       https://animepahe.com/play/*
  17. // @match       https://animepahe.org/play/*
  18. // @match       https://yugenanime.*/anime/*/*/watch/
  19. // @match       https://yugenanime.tv/anime/*/*/watch/
  20. // @match       https://yugenanime.sx/anime/*/*/watch/
  21. // @grant       GM_registerMenuCommand
  22. // @grant       GM_addStyle
  23. // ==/UserScript==
  24.  
  25. class Episode {
  26.     constructor(number, title, links, type, thumbnail) {
  27.         this.number = number;
  28.         this.title = title;
  29.         this.links = links;
  30.         this.type = type;
  31.         this.thumbnail = thumbnail;
  32.         this.name = `${this.title} - ${this.number}`;
  33.     }
  34. }
  35.  
  36. const websites = [
  37.     {
  38.         name: 'GoGoAnime',
  39.         url: ['anitaku.to/', 'gogoanime3.co/', 'gogoanime3', 'anitaku', 'gogoanime'],
  40.         epLinks: '#episode_related > li > a',
  41.         epTitle: '.title_name > h2',
  42.         linkElems: '.cf-download > a',
  43.         thumbnail: '.headnav_left > a > img',
  44.         addStartButton: function() {
  45.             const button = document.createElement('a');
  46.             button.id = "AniLINK_startBtn";
  47.             button.style.cssText = `cursor: pointer; background-color: #145132;`;
  48.             button.innerHTML = '<i class="icongec-dowload"></i> Generate Download Links';
  49.  
  50.             // Add the button to the page if user is logged in otherwise show placeholder
  51.             if (document.querySelector('.cf-download')) {
  52.                 document.querySelector('.cf-download').appendChild(button);
  53.             } else {
  54.                 const loginMessage = document.querySelector('.list_dowload > div > span');
  55.                 loginMessage.innerHTML = `<b style="color:#FFC119;">AniLINK:</b> Please <a href="/login.html" title="login"><u>log in</u></a> to be able to batch download animes.`;
  56.             }
  57.             return button;
  58.         },
  59.         extractEpisodes: async function (status) {
  60.             status.textContent = 'Starting...';
  61.             let episodes = {};
  62.             const episodePromises = Array.from(document.querySelectorAll(this.epLinks)).map(async epLink => { try {
  63.                 const page = await fetchPage(epLink.href);
  64.                 
  65.                 const [, epTitle, epNumber] = page.querySelector(this.epTitle).textContent.match(/(.+?) Episode (\d+(?:\.\d+)?)/);
  66.                 const episodeTitle = `${epNumber.padStart(3, '0')} - ${epTitle}`;
  67.                 const thumbnail = page.querySelector(this.thumbnail).src;
  68.                 const links = [...page.querySelectorAll(this.linkElems)].reduce((obj, elem) => ({ ...obj, [elem.textContent.trim()]: elem.href }), {});
  69.                 status.textContent = `Extracting ${epTitle} - ${epNumber.padStart(3, '0')}...`;
  70.  
  71.                 episodes[episodeTitle] = new Episode(epNumber.padStart(3, '0'), epTitle, links, 'mp4', thumbnail);
  72.             } catch (e) { showToast(e) } });
  73.             await Promise.all(episodePromises);
  74.             return episodes;
  75.         }
  76.     },
  77.     {
  78.         name: 'YugenAnime',
  79.         url: ['yugenanime.tv', 'yugenanime.sx'],
  80.         epLinks: '.ep-card > a.ep-thumbnail',
  81.         animeTitle: '.ani-info-ep .link h1',
  82.         epTitle: 'div.col.col-w-65 > div.box > h1',
  83.         thumbnail: 'a.ep-thumbnail img',
  84.         addStartButton: function() {
  85.             return document.querySelector(".content .navigation").appendChild(Object.assign(document.createElement('a'), { id: "AniLINK_startBtn", className: "link p-15", textContent: "Generate Download Links" }));
  86.         },
  87.         extractEpisodes: async function (status) {
  88.             status.textContent = 'Getting list of episodes...';
  89.             let episodes = {};
  90.             const epLinks = Array.from(document.querySelectorAll(this.epLinks));
  91.             const throttleLimit = 6;    // Number of episodes to extract in parallel
  92.  
  93.             for (let i = 0; i < epLinks.length; i += throttleLimit) {
  94.                 const chunk = epLinks.slice(i, i + throttleLimit);
  95.                 let episodePromises = chunk.map(async (epLink, index) => { try {
  96.                     status.textContent = `Loading ${epLink.pathname}`
  97.                     const page = await fetchPage(epLink.href); 
  98.  
  99.                     const animeTitle = page.querySelector(this.animeTitle).textContent;
  100.                     const epNumber = epLink.href.match(/(\d+)\/?$/)[1];
  101.                     const epTitle = page.querySelector(this.epTitle).textContent.match(/^${epNumber} : (.+)$/) || animeTitle;
  102.                     const thumbnail = document.querySelectorAll(this.thumbnail)[index].src;
  103.                     const episodeTitle = `${epNumber.padStart(3, '0')} - ${animeTitle}` + (epTitle != animeTitle ? `- ${epTitle}` : '');
  104.                     status.textContent = `Extracting ${episodeTitle}...`;
  105.                     const links = await this._getVideoLinks(page, status, episodeTitle);
  106.  
  107.                     episodes[episodeTitle] = new Episode(epNumber.padStart(3, '0'), epTitle, links, 'mp4', thumbnail);
  108.                 } catch (e) { showToast(e) }});
  109.                 await Promise.all(episodePromises);
  110.             }
  111.             return episodes;
  112.         },
  113.         // BASED ON N-SUDY's anime_scrapper [https://github.com/N-SUDY/anime_scrapper/blob/80a3c985923a32116fef621050c5de56884a4794/scrape.py#L20]
  114.         _getVideoLinks: async function (page, status, episodeTitle) {
  115.             const embedLinkId = page.body.innerHTML.match(new RegExp(`src="//${page.domain}/e/(.*?)/"`))[1];
  116.             const embedApiResponse = await fetch(`https://${page.domain}/api/embed/`, { method: 'POST', headers: {"X-Requested-With": "XMLHttpRequest"}, body: new URLSearchParams({ id: embedLinkId, ac: "0" }) });
  117.             const json = await embedApiResponse.json();
  118.             const m3u8GeneralLink = json.hls[0];
  119.             status.textContent = `Parsing ${episodeTitle}...`;
  120.             // Fetch the m3u8 file content
  121.             const m3u8Response = await fetch(m3u8GeneralLink);
  122.             const m3u8Text = await m3u8Response.text();
  123.             // Parse the m3u8 file to extract different qualities
  124.             const qualityMatches = m3u8Text.matchAll(/#EXT-X-STREAM-INF:.*RESOLUTION=\d+x\d+.*NAME="(\d+p)"\n(.*\.m3u8)/g);
  125.             const links = {};
  126.             for (const match of qualityMatches) {
  127.                 const [_, quality, m3u8File] = match;
  128.                 links[quality] = `${m3u8GeneralLink.slice(0, m3u8GeneralLink.lastIndexOf('/') + 1)}${m3u8File}`;
  129.             }
  130.             return links;
  131.         }
  132.     },
  133.     {
  134.         name: 'AnimePahe', 
  135.         url: ['animepahe.ru', 'animepahe.com', 'animepahe.org', 'animepahe'],
  136.         epLinks: '.dropup.episode-menu .dropdown-item',
  137.         epTitle: '.theatre-info > h1',
  138.         linkElems: '#resolutionMenu > button',
  139.         thumbnail: '.theatre-info > a > img',
  140.         addStartButton: function() {
  141.             GM_addStyle(`.theatre-settings .col-sm-3 { max-width: 20%; }`);
  142.             document.querySelector("div.theatre-settings > div.row").innerHTML += `
  143.                 <div class="col-12 col-sm-3">
  144.                     <div class="dropup">
  145.                         <a class="btn btn-secondary btn-block" id="AniLINK_startBtn">
  146.                             Generate Download Links
  147.                         </a>
  148.                     </div>
  149.                 </div>
  150.             `;
  151.             return document.getElementById("AniLINK_startBtn");
  152.         },
  153.         extractEpisodes: async function (status) {
  154.             status.textContent = 'Starting...';
  155.             let episodes = {};
  156.             const episodePromises = Array.from(document.querySelectorAll(this.epLinks)).map(async epLink => { try {
  157.                 const page = await fetchPage(epLink.href);
  158.                 
  159.                 if (page.querySelector(this.epTitle) == null) return;
  160.                 const [, epTitle, epNumber] = page.querySelector(this.epTitle).outerText.split(/Watch (.+) - (\d+(?:\.\d+)?) Online$/);
  161.                 const episodeTitle = `${epNumber.padStart(3, '0')} - ${epTitle}`;
  162.                 const thumbnail = page.querySelector(this.thumbnail).src;
  163.                 status.textContent = `Extracting ${epTitle} - ${epNumber.padStart(3, "0")}...`;
  164.  
  165.                 async function getVideoUrl(kwikUrl) {
  166.                     const response = await fetch(kwikUrl, { headers: { "Referer": "https://animepahe.com" } });
  167.                     const data = await response.text();
  168.                     return eval(/(eval)(\(f.*?)(\n<\/script>)/s.exec(data)[2].replace("eval", "")).match(/https.*?m3u8/)[0];
  169.                 }
  170.                 let links = {};
  171.                 for (const elm of [...page.querySelectorAll(this.linkElems)]) {
  172.                     links[elm.textContent] = await getVideoUrl(elm.getAttribute('data-src'));
  173.                     status.textContent = `Parsed ${episodeTitle}`;
  174.                 }
  175.  
  176.                 episodes[episodeTitle] = new Episode(epNumber.padStart(3, '0'), epTitle, links, 'm3u8', thumbnail);
  177.             } catch (e) { showToast(e) } });
  178.             await Promise.all(episodePromises);
  179.             console.log(episodes);
  180.             return episodes;
  181.         },
  182.         styles: `div#AniLINK_LinksContainer { font-size: 10px; } #Quality > b > div > ul {font-size: 16px;}`
  183.     },
  184.  
  185. ];
  186.  
  187. /**
  188.  * Fetches the HTML content of a given URL and parses it into a DOM object.
  189.  *
  190.  * @param {string} url - The URL of the page to fetch.
  191.  * @returns {Promise<Document>} A promise that resolves to a DOM Document object.
  192.  * @throws {Error} If the fetch operation fails.
  193.  */
  194. async function fetchPage(url) {
  195.     const response = await fetch(url);
  196.     if (response.ok) {
  197.         const page = (new DOMParser()).parseFromString(await response.text(), 'text/html');
  198.         return page;
  199.     } else {
  200.         showToast(`Failed to fetch HTML for ${url} : ${response.status}`);
  201.         throw new Error(`Failed to fetch HTML for ${url} : ${response.status}`);
  202.     }
  203. }
  204.  
  205. GM_registerMenuCommand('Extract Episodes', extractEpisodes);
  206.  
  207. // initialize
  208. console.log('Initializing AniLINK...');
  209. const site = websites.find(site => site.url.some(url => window.location.href.includes(url)));
  210.  
  211. // attach button to page
  212. site.addStartButton().addEventListener('click', extractEpisodes);
  213.  
  214. // append site specific css styles
  215. document.body.style.cssText += (site.styles || '');
  216.  
  217. // This function creates an overlay on the page and displays a list of episodes extracted from a website.
  218. // The function is triggered by a user command registered with `GM_registerMenuCommand`.
  219. // The episode list is generated by calling the `extractEpisodes` method of a website object that matches the current URL.
  220. async function extractEpisodes() {
  221.     // Restore last overlay if it exists
  222.     if (document.getElementById("AniLINK_Overlay")) {
  223.         document.getElementById("AniLINK_Overlay").style.display = "flex";
  224.         return;
  225.     }
  226.  
  227.     // Create an overlay to cover the page
  228.     const overlayDiv = document.createElement("div");
  229.     overlayDiv.id = "AniLINK_Overlay";
  230.     overlayDiv.style.cssText = "position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 999; display: flex; align-items: center; justify-content: center;";
  231.     document.body.appendChild(overlayDiv);
  232.     overlayDiv.onclick = event => linksContainer.contains(event.target) ? null : overlayDiv.style.display = "none";
  233.  
  234.     // Create a form to display the Episodes list
  235.     const linksContainer = document.createElement('div');
  236.     linksContainer.id = "AniLINK_LinksContainer";
  237.     linksContainer.style.cssText = "position:relative; height:70%; width:60%; color:cyan; background-color:#0b0b0b; overflow:auto; border: groove rgb(75, 81, 84); border-radius: 10px; padding: 10px 5px; resize: both; scrollbar-width: thin; scrollbar-color: cyan transparent; display: flex; justify-content: center; align-items: center;";
  238.     overlayDiv.appendChild(linksContainer);
  239.  
  240.     // Create a progress bar to display the progress of the episode extraction process
  241.     const statusBar = document.createElement('span');
  242.     statusBar.id = "AniLINK_StatusBar";
  243.     statusBar.textContent = "Extracting Links..."
  244.     statusBar.style.cssText = "background-color: #0b0b0b; color: cyan;";
  245.     linksContainer.appendChild(statusBar);
  246.  
  247.     // Extract episodes
  248.     const episodes = await site.extractEpisodes(statusBar);
  249.  
  250.     console.log(episodes);
  251.  
  252.     // Get all links into format - {[qual1]:[ep1,2,3,4], [qual2]:[ep1,2,3,4], ...}
  253.     const sortedEpisodes = Object.values(episodes).sort((a, b) => a.number - b.number);
  254.     const sortedLinks = sortedEpisodes.reduce((acc, episode) => {
  255.         for (let quality in episode.links) (acc[quality] ??= []).push(episode);
  256.         return acc;
  257.     }, {});
  258.     console.log('sorted', sortedLinks);
  259.  
  260.  
  261.     const qualityLinkLists = Object.entries(sortedLinks).map(([quality, episode]) => {
  262.         const listOfLinks = episode.map(ep => {
  263.             return `<li id="EpisodeLink" style="list-style-type: none;">
  264.                       <span style="user-select:none; color:cyan;">
  265.                       Ep ${ep.number.replace(/^0+/, '')}: </span>
  266.                       <a title="${ep.title.replace(/[<>:"/\\|?*]/g, '')}" download="${encodeURI(ep.name)}.${ep.type}" href="${ep.links[quality]}" style="color:#FFC119;">
  267.                       ${ep.links[quality]}</a>
  268.                   </li>`;
  269.         }).join("");
  270.  
  271.         return `<ol style="white-space: nowrap;">
  272.                       <span id="Quality" style="display:flex; justify-content:center; align-items:center;">
  273.                         <b style="color:#58FFA9; font-size:25px; cursor:pointer; user-select:none;">
  274.                           -------------------${quality}-------------------\n
  275.                         </b>
  276.                       </span>
  277.                       ${listOfLinks}
  278.                     </ol><br><br>`;
  279.     });
  280.  
  281.     // Update the linksContainer with the finally generated links under each quality option header
  282.     linksContainer.style.cssText = "position:relative; height:70%; width:60%; color:cyan; background-color:#0b0b0b; overflow:auto; border: groove rgb(75, 81, 84); border-radius: 10px; padding: 10px 5px; resize: both; scrollbar-width: thin; scrollbar-color: cyan transparent;";
  283.     linksContainer.innerHTML = qualityLinkLists.join("");
  284.  
  285.     // Add hover event listeners to update link text on hover
  286.     linksContainer.querySelectorAll('#EpisodeLink').forEach(element => {
  287.         const episode = element.querySelector('a');
  288.         const link = episode.href;
  289.         const name = decodeURIComponent(episode.download);
  290.         element.addEventListener('mouseenter', () => window.getSelection().isCollapsed && (episode.textContent = name));
  291.         element.addEventListener('mouseleave', () => episode.textContent = decodeURIComponent(link));
  292.     });
  293.  
  294.     // Add hover event listeners to quality headers to transform them into speed dials
  295.     document.querySelectorAll('#Quality b').forEach(header => {
  296.         const style = `style="background-color: #00A651; padding: 5px 10px; border: none; border-radius: 5px; cursor: pointer; user-select: none;"`
  297.         const sdHTML = `
  298.             <div style="display: flex; justify-content: center; padding: 10px;">
  299.                 <ul style="list-style: none; display: flex; gap: 10px;">
  300.                     <button type="button" ${style} id="AniLINK_selectLinks">Select</button>
  301.                     <button type="button" ${style} id="AniLINK_copyLinks">Copy</button>
  302.                     <button type="button" ${style} id="AniLINK_exportLinks">Export</button>
  303.                     <button type="button" ${style} id="AniLINK_playLinks">Play with VLC</button>
  304.                 </ul>
  305.             </div>`
  306.  
  307.         let headerHTML = header.innerHTML;
  308.         header.parentElement.addEventListener('mouseenter', () => (header.innerHTML = sdHTML, attachBtnClickListeners()));
  309.         header.parentElement.addEventListener('mouseleave', () => (header.innerHTML = headerHTML));
  310.     });
  311.  
  312.     // Attach click listeners to the speed dial buttons
  313.     function attachBtnClickListeners() {
  314.         const buttonIds = [
  315.             { id: 'AniLINK_selectLinks', handler: onSelectBtnPressed },
  316.             { id: 'AniLINK_copyLinks', handler: onCopyBtnClicked },
  317.             { id: 'AniLINK_exportLinks', handler: onExportBtnClicked },
  318.             { id: 'AniLINK_playLinks', handler: onPlayBtnClicked }
  319.         ];
  320.  
  321.         buttonIds.forEach(({ id, handler }) => {
  322.             const button = document.querySelector(`#${id}`);
  323.             button.addEventListener('click', () => handler(button));
  324.         });
  325.  
  326.         // Select Button click event handler
  327.         function onSelectBtnPressed(it) {
  328.             const links = it.closest('ol').querySelectorAll('li');
  329.             const range = new Range();
  330.             range.selectNodeContents(links[0]);
  331.             range.setEndAfter(links[links.length - 1]);
  332.             window.getSelection().removeAllRanges();
  333.             window.getSelection().addRange(range);
  334.             it.textContent = 'Selected!!';
  335.             setTimeout(() => { it.textContent = 'Select'; }, 1000);
  336.         }
  337.  
  338.         // copySelectedLinks click event handler
  339.         function onCopyBtnClicked(it) {
  340.             const links = it.closest('ol').querySelectorAll('li');
  341.             const string = [...links].map(link => link.children[1].href).join('\n');
  342.             navigator.clipboard.writeText(string);
  343.             it.textContent = 'Copied!!';
  344.             setTimeout(() => { it.textContent = 'Copy'; }, 1000);
  345.         }
  346.  
  347.         // exportToPlaylist click event handler
  348.         function onExportBtnClicked(it) {
  349.             // Export all links under the quality header into a playlist file
  350.             const links = it.closest('ol').querySelectorAll('li');
  351.             let string = '#EXTM3U\n';
  352.             links.forEach(link => {
  353.                 const episode = decodeURIComponent(link.children[1].download);
  354.                 string += `#EXTINF:-1,${episode}\n` + link.children[1].href + '\n';
  355.             });
  356.             const fileName = links[0].querySelector('a').title + '.m3u';
  357.             const file = new Blob([string], { type: 'application/vnd.apple.mpegurl' });
  358.             const a = Object.assign(document.createElement('a'), { href: URL.createObjectURL(file), download: fileName });
  359.             a.click();
  360.             it.textContent = 'Exported!!';
  361.             setTimeout(() => { it.textContent = 'Export'; }, 1000);
  362.         }
  363.  
  364.         // PlayWithVLC click event handler
  365.         function onPlayBtnClicked(it) {
  366.             // Export all links under the quality header into a playlist file
  367.             const links = it.closest('ol').querySelectorAll('li');
  368.             let string = '#EXTM3U\n';
  369.             links.forEach(link => {
  370.                 const episode = decodeURIComponent(link.children[1].download);
  371.                 string += `#EXTINF:-1,${episode}\n` + link.children[1].href + '\n';
  372.             });
  373.             const file = new Blob([string], { type: 'application/vnd.apple.mpegurl' });
  374.             const fileUrl = URL.createObjectURL(file);
  375.             window.open(fileUrl);
  376.             it.textContent = 'Launching VLC!!';
  377.             setTimeout(() => { it.textContent = 'Play with VLC'; }, 2000);
  378.             alert("Due to browser limitations, there is a high possibility that this feature may not work correctly.\nIf the video does not automatically play, please utilize the export button and manually open the playlist file manually.");
  379.         }
  380.  
  381.         return {
  382.             onSelectBtnPressed,
  383.             onCopyBtnClicked,
  384.             onExportBtnClicked,
  385.             onPlayBtnClicked
  386.         };
  387.     }
  388. }
  389.  
  390. /***************************************************************
  391.  * Display a simple toast message on the top right of the screen
  392.  ***************************************************************/
  393. let toasts = [];
  394.  
  395. function showToast(message) {
  396.     const maxToastHeight = window.innerHeight * 0.5;
  397.     const toastHeight = 50; // Approximate height of each toast
  398.     const maxToasts = Math.floor(maxToastHeight / toastHeight);
  399.  
  400.     console.log(message);
  401.  
  402.     // Create the new toast element
  403.     const x = document.createElement("div");
  404.     x.innerHTML = message;
  405.     x.style.color = "#000";
  406.     x.style.backgroundColor = "#fdba2f";
  407.     x.style.borderRadius = "10px";
  408.     x.style.padding = "10px";
  409.     x.style.position = "fixed";
  410.     x.style.top = `${toasts.length * toastHeight}px`;
  411.     x.style.right = "5px";
  412.     x.style.fontSize = "large";
  413.     x.style.fontWeight = "bold";
  414.     x.style.zIndex = "10000";
  415.     x.style.display = "block";
  416.     x.style.borderColor = "#565e64";
  417.     x.style.transition = "right 2s ease-in-out, top 0.5s ease-in-out";
  418.     document.body.appendChild(x);
  419.  
  420.     // Add the new toast to the list
  421.     toasts.push(x);
  422.  
  423.     // Remove the toast after it slides out
  424.     setTimeout(() => {
  425.         x.style.right = "-1000px";
  426.     }, 3000);
  427.  
  428.     setTimeout(() => {
  429.         x.style.display = "none";
  430.         if (document.body.contains(x)) document.body.removeChild(x);
  431.         toasts = toasts.filter(toast => toast !== x);
  432.         // Move remaining toasts up
  433.         toasts.forEach((toast, index) => {
  434.             toast.style.top = `${index * toastHeight}px`;
  435.         });
  436.     }, 4000);
  437.  
  438.     // Limit the number of toasts to maxToasts
  439.     if (toasts.length > maxToasts) {
  440.         const oldestToast = toasts.shift();
  441.         document.body.removeChild(oldestToast);
  442.         toasts.forEach((toast, index) => {
  443.             toast.style.top = `${index * toastHeight}px`;
  444.         });
  445.     }
  446. }