☰

YouTube Direct Downloader

Add a custom download button and provide options to download the video or audio directly from the YouTube page.

  1. // ==UserScript==
  2. // @name         YouTube Direct Downloader
  3. // @description  Add a custom download button and provide options to download the video or audio directly from the YouTube page.
  4. // @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
  5. // @version      1.5
  6. // @author       afkarxyz
  7. // @namespace    https://github.com/afkarxyz/userscripts/
  8. // @supportURL   https://github.com/afkarxyz/userscripts/issues
  9. // @license      MIT
  10. // @match        https://www.youtube.com/*
  11. // @match        https://youtube.com/*
  12. // @grant        GM.xmlHttpRequest
  13. // @grant        GM_download
  14. // @grant        GM.download
  15. // @grant        GM_setValue
  16. // @grant        GM_getValue
  17. // @connect      api.mp3youtube.cc
  18. // @connect      iframe.y2meta-uk.com
  19. // @connect      *
  20. // @run-at       document-end
  21. // ==/UserScript==
  22.  
  23. (function() {
  24.     'use strict';
  25.  
  26.     let lastSelectedFormat = GM_getValue('lastSelectedFormat', 'video');
  27.     let lastSelectedVideoQuality = GM_getValue('lastSelectedVideoQuality', '1080');
  28.     let lastSelectedAudioBitrate = GM_getValue('lastSelectedAudioBitrate', '320');
  29.  
  30.     const API_KEY_URL = 'https://api.mp3youtube.cc/v2/sanity/key';
  31.     const API_CONVERT_URL = 'https://api.mp3youtube.cc/v2/converter';
  32.     
  33.     const REQUEST_HEADERS = {
  34.         "Content-Type": "application/json",
  35.         "Origin": "https://iframe.y2meta-uk.com",
  36.         "Accept": "*/*",
  37.         "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36"
  38.     };
  39.     const style = document.createElement('style');
  40.     style.textContent = `
  41.         .ytddl-download-btn {
  42.             width: 36px;
  43.             height: 36px;
  44.             border-radius: 50%;
  45.             display: flex;
  46.             align-items: center;
  47.             justify-content: center;
  48.             cursor: pointer;
  49.             margin-left: 8px;
  50.             transition: background-color 0.2s;
  51.         }
  52.         html[dark] .ytddl-download-btn {
  53.             background-color: #ffffff1a;
  54.         }
  55.         html:not([dark]) .ytddl-download-btn {
  56.             background-color: #0000000d;
  57.         }
  58.         html[dark] .ytddl-download-btn:hover {
  59.             background-color: #ffffff33;
  60.         }
  61.         html:not([dark]) .ytddl-download-btn:hover {
  62.             background-color: #00000014;
  63.         }
  64.         .ytddl-download-btn svg {
  65.             width: 18px;
  66.             height: 18px;
  67.         }
  68.         html[dark] .ytddl-download-btn svg {
  69.             fill: var(--yt-spec-text-primary, #fff);
  70.         }
  71.         html:not([dark]) .ytddl-download-btn svg {
  72.             fill: var(--yt-spec-text-primary, #030303);
  73.         }
  74.         
  75.         .ytddl-dialog {
  76.             position: fixed;
  77.             top: 50%;
  78.             left: 50%;
  79.             transform: translate(-50%, -50%);
  80.             background: #000000;
  81.             color: #e1e1e1;
  82.             border-radius: 12px;
  83.             box-shadow: 0 0 0 1px rgba(225,225,225,.1), 0 2px 4px 1px rgba(225,225,225,.18);
  84.             font-family: 'IBM Plex Mono', 'Noto Sans Mono Variable', 'Noto Sans Mono', monospace;
  85.             width: 400px;
  86.             z-index: 9999;
  87.             padding: 16px;
  88.         }
  89.           .ytddl-backdrop {
  90.             position: fixed;
  91.             top: 0;
  92.             left: 0;
  93.             width: 100%;
  94.             height: 100%;
  95.             background: rgba(0, 0, 0, 0.5);
  96.             z-index: 9998;
  97.         }
  98.         
  99.         .ytddl-dialog h3 {
  100.             margin: 0 0 16px 0;
  101.             font-size: 18px;
  102.             font-weight: 700;
  103.         }
  104.         
  105.         .quality-options {
  106.             display: grid;
  107.             grid-template-columns: repeat(3, 1fr);
  108.             gap: 8px;
  109.             margin-bottom: 16px;
  110.         }
  111.         
  112.         .quality-option {
  113.             display: flex;
  114.             align-items: center;
  115.             padding: 8px;
  116.             cursor: pointer;
  117.             border-radius: 6px;
  118.         }
  119.         
  120.         .quality-option:hover {
  121.             background: #191919;
  122.         }
  123.         
  124.         .quality-option input[type="radio"] {
  125.             margin-right: 8px;
  126.         }
  127.         
  128.         .download-status {
  129.             text-align: center;
  130.             margin: 16px 0;
  131.             font-size: 12px;
  132.             display: none;
  133.             color: #1ed760;
  134.         }
  135.         
  136.         .button-container {
  137.             display: flex;
  138.             justify-content: center;
  139.             gap: 8px;
  140.             margin-top: 16px;
  141.         }
  142.           .ytddl-button {
  143.             background: transparent;
  144.             border: 1px solid #e1e1e1;
  145.             color: #e1e1e1;
  146.             font-size: 14px;
  147.             font-weight: 500;
  148.             padding: 8px 16px;
  149.             border-radius: 18px;
  150.             cursor: pointer;
  151.             font-family: inherit;
  152.             transition: all 0.2s;
  153.         }
  154.         
  155.         .ytddl-button:hover {
  156.             background: #1ed760;
  157.             border-color: #1ed760;
  158.             color: #000000;
  159.         }
  160.         
  161.         .ytddl-button.cancel:hover {
  162.             background: #f3727f;
  163.             border-color: #f3727f;
  164.             color: #000000;
  165.         }
  166.         
  167.         .format-selector {
  168.             margin-bottom: 16px;
  169.             display: flex;
  170.             gap: 8px;
  171.             justify-content: center;
  172.         }
  173.         
  174.         .format-button {
  175.             background: transparent;
  176.             border: 1px solid #e1e1e1;
  177.             color: #e1e1e1;
  178.             padding: 6px 12px;
  179.             border-radius: 14px;
  180.             cursor: pointer;
  181.             font-family: inherit;
  182.             font-size: 12px;
  183.             transition: all 0.2s ease;
  184.         }
  185.         
  186.         .format-button:hover {
  187.             background: #808080;
  188.             color: #000000;
  189.         }
  190.           .format-button.selected {
  191.             background: #1ed760;
  192.             border-color: #1ed760;
  193.             color: #000000;
  194.         }
  195.           .ytddl-overlay {
  196.             position: fixed;
  197.             top: 20px;
  198.             right: 20px;
  199.             background: rgba(0, 0, 0, 0.9);
  200.             color: #e1e1e1;
  201.             border-radius: 8px;
  202.             padding: 16px;
  203.             width: 350px;
  204.             max-width: 350px;
  205.             z-index: 10000;
  206.             font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  207.             font-size: 14px;
  208.             box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  209.             border: 1px solid rgba(255, 255, 255, 0.1);
  210.             backdrop-filter: blur(10px);
  211.             opacity: 0;
  212.             transform: translateX(100%);
  213.             transition: all 0.3s ease;
  214.         }
  215.         
  216.         .ytddl-overlay.show {
  217.             opacity: 1;
  218.             transform: translateX(0);
  219.         }
  220.   
  221.         
  222.         .ytddl-overlay-content {
  223.             line-height: 1.5;
  224.         }
  225.         
  226.         .ytddl-overlay-status {
  227.             margin-bottom: 8px;
  228.             color: #1ed760;
  229.             font-weight: 500;
  230.         }
  231.         
  232.         .ytddl-overlay-details {
  233.             color: #ccc;
  234.             font-size: 13px;
  235.             margin-bottom: 12px;
  236.         }
  237.           .ytddl-overlay-file-info {
  238.             display: flex;
  239.             justify-content: space-between;
  240.             margin-bottom: 8px;
  241.             font-size: 12px;
  242.         }
  243.         
  244.         .ytddl-overlay-size {
  245.             color: #1ed760;
  246.             font-weight: 500;
  247.         }
  248.         
  249.         .ytddl-overlay-speed {
  250.             color: #ffa500;
  251.             font-weight: 500;
  252.         }
  253.         
  254.         .ytddl-overlay-error {
  255.             color: #ff6b6b;
  256.         }
  257.         
  258.         .ytddl-overlay-success {
  259.             color: #1ed760;
  260.         }
  261.     `;
  262.     document.head.appendChild(style);
  263.  
  264.     let currentOverlay = null;
  265.  
  266.     function createOverlay() {
  267.         if (currentOverlay) {
  268.             removeOverlay();
  269.         }        const overlay = document.createElement('div');
  270.         overlay.className = 'ytddl-overlay';
  271.         
  272.         const content = document.createElement('div');
  273.         content.className = 'ytddl-overlay-content';
  274.         
  275.         const status = document.createElement('div');
  276.         status.className = 'ytddl-overlay-status';
  277.         status.textContent = 'Initializing...';
  278.         
  279.         const details = document.createElement('div');
  280.         details.className = 'ytddl-overlay-details';
  281.         details.textContent = 'Preparing download request';
  282.           const fileInfoContainer = document.createElement('div');
  283.         fileInfoContainer.className = 'ytddl-overlay-file-info';
  284.         
  285.         const sizeElement = document.createElement('div');
  286.         sizeElement.className = 'ytddl-overlay-size';
  287.         sizeElement.textContent = 'Size: Calculating...';
  288.         
  289.         const speedElement = document.createElement('div');
  290.         speedElement.className = 'ytddl-overlay-speed';
  291.         speedElement.textContent = 'Speed: -';
  292.         
  293.         fileInfoContainer.appendChild(sizeElement);
  294.         fileInfoContainer.appendChild(speedElement);
  295.         
  296.         content.appendChild(status);
  297.         content.appendChild(details);
  298.         content.appendChild(fileInfoContainer);        
  299.         overlay.appendChild(content);
  300.         
  301.         overlay.addEventListener('click', function(e) {
  302.             if (e.target === overlay) {
  303.                 removeOverlay();
  304.             }
  305.         });
  306.         
  307.         document.body.appendChild(overlay);
  308.         
  309.         setTimeout(() => {
  310.             overlay.classList.add('show');
  311.         }, 100);
  312.           currentOverlay = overlay;
  313.         return overlay;
  314.     }
  315.  
  316.     function updateOverlay(status, details, fileSize = null, downloadSpeed = null, isError = false, isSuccess = false) {
  317.         if (!currentOverlay) return;
  318.         const statusEl = currentOverlay.querySelector('.ytddl-overlay-status');
  319.         const detailsEl = currentOverlay.querySelector('.ytddl-overlay-details');
  320.         const sizeEl = currentOverlay.querySelector('.ytddl-overlay-size');        
  321.         const speedEl = currentOverlay.querySelector('.ytddl-overlay-speed');
  322.         
  323.         if (statusEl) {
  324.             statusEl.textContent = status;
  325.             statusEl.className = 'ytddl-overlay-status';
  326.             if (isError) statusEl.classList.add('ytddl-overlay-error');
  327.             if (isSuccess) statusEl.classList.add('ytddl-overlay-success');
  328.         }
  329.         
  330.         if (detailsEl) {
  331.             detailsEl.textContent = details;
  332.         }
  333.         
  334.         if (sizeEl) {
  335.             if (fileSize !== null) {
  336.                 sizeEl.textContent = `Size: ${fileSize}`;
  337.                 sizeEl.style.display = 'block';
  338.             } else {
  339.                 sizeEl.style.display = 'none';
  340.             }
  341.         }
  342.         
  343.         if (speedEl) {
  344.             if (downloadSpeed !== null) {
  345.                 speedEl.textContent = `Speed: ${downloadSpeed}`;
  346.                 speedEl.style.display = 'block';
  347.             } else {
  348.                 speedEl.style.display = 'none';
  349.             }
  350.         }
  351.         currentOverlay.offsetHeight;
  352.     }
  353.  
  354.     function removeOverlay() {
  355.         if (currentOverlay) {
  356.             currentOverlay.classList.remove('show');
  357.             setTimeout(() => {
  358.                 if (currentOverlay && currentOverlay.parentNode) {
  359.                     currentOverlay.parentNode.removeChild(currentOverlay);
  360.                 }
  361.                 currentOverlay = null;
  362.             }, 300);
  363.         }
  364.     }
  365.     
  366.     function formatBytes(bytes) {
  367.         if (bytes === 0) return '0 Bytes';
  368.         const k = 1024;
  369.         const sizes = ['Bytes', 'KB', 'MB', 'GB'];
  370.         const i = Math.floor(Math.log(bytes) / Math.log(k));
  371.         return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
  372.     }
  373.     function truncateTitle(title, maxLength = 50) {
  374.         if (!title || title.length <= maxLength) return title;
  375.         return title.substring(0, maxLength - 3) + '...';
  376.     }
  377.  
  378.     function triggerDirectDownload(url, filename) {
  379.         let downloadStartTime = Date.now();
  380.         
  381.         updateOverlay('Validating download URL', 'Testing download link...', null, null);
  382.         
  383.         GM.xmlHttpRequest({
  384.             method: 'HEAD',
  385.             url: url,
  386.             headers: {
  387.                 "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36"
  388.             },
  389.             onload: function(response) {
  390.                 console.log('URL Test Response:', response.status, response.statusText);
  391.                 console.log('Content-Length:', response.responseHeaders.match(/content-length:\s*(\d+)/i));
  392.                 
  393.                 if (response.status === 200 || response.status === 206) {
  394.                     fetchAndDownload(url, filename, downloadStartTime);
  395.                 } else {
  396.                     updateOverlay(
  397.                         'Download failed', 
  398.                         `Invalid download URL (Status: ${response.status})`,
  399.                         null,
  400.                         null,                        true
  401.                     );
  402.                     setTimeout(removeOverlay, 2500);
  403.                 }
  404.             },
  405.             onerror: function(error) {
  406.                 console.error('URL validation failed:', error);
  407.                 updateOverlay(
  408.                     'Download failed', 
  409.                     'Cannot access download URL - may be expired or invalid',
  410.                     null,
  411.                     null,                    true
  412.                 );
  413.                 setTimeout(removeOverlay, 2500);
  414.             }
  415.         });
  416.     }
  417.       function fetchAndDownload(url, filename, downloadStartTime) {
  418.         updateOverlay('Starting download', 'Connecting to server...', '0 B', '0 B/s');
  419.         
  420.         console.log('=== FETCH AND DOWNLOAD ===');
  421.         console.log('URL:', url);
  422.         console.log('Filename:', filename);
  423.         console.log('Method: GM.xmlHttpRequest with responseType blob');
  424.         console.log('Start time:', new Date(downloadStartTime).toISOString());
  425.         console.log('==========================');
  426.           let totalSize = 0;
  427.         let downloadedSize = 0;
  428.         let lastUpdateTime = 0;
  429.         const UPDATE_INTERVAL = 250;
  430.         
  431.         GM.xmlHttpRequest({
  432.             method: 'GET',
  433.             url: url,
  434.             responseType: 'blob',
  435.             headers: {
  436.                 "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36",
  437.                 "Referer": "https://iframe.y2meta-uk.com/",
  438.                 "Accept": "*/*"
  439.             },            onprogress: function(progressEvent) {
  440.                 const currentTime = Date.now();
  441.                 const elapsed = (currentTime - downloadStartTime) / 1000;
  442.                 
  443.                 const shouldUpdate = (currentTime - lastUpdateTime) >= UPDATE_INTERVAL || 
  444.                                    (progressEvent.lengthComputable && progressEvent.loaded === progressEvent.total);
  445.                 
  446.                 if (progressEvent.lengthComputable) {
  447.                     totalSize = progressEvent.total;
  448.                     downloadedSize = progressEvent.loaded;
  449.                     
  450.                     const percentage = Math.round((downloadedSize / totalSize) * 100);
  451.                     const speed = elapsed > 0 ? downloadedSize / elapsed : 0;
  452.                     
  453.                     if (shouldUpdate) {
  454.                         const sizeText = `${formatBytes(downloadedSize)} / ${formatBytes(totalSize)}`;
  455.                         const speedText = `${formatBytes(speed)}/s`;
  456.                         const percentText = `${percentage}%`;
  457.                         
  458.                         updateOverlay(
  459.                             `Downloading ${percentText}`, 
  460.                             `${filename || 'video.mp4'}`,
  461.                             sizeText,
  462.                             speedText
  463.                         );
  464.                         
  465.                         lastUpdateTime = currentTime;
  466.                     }
  467.                     
  468.                     if ((currentTime - lastUpdateTime) >= 1000 || percentage === 100) {
  469.                         console.log(`[${elapsed.toFixed(1)}s] Progress: ${percentage}% | Downloaded: ${formatBytes(downloadedSize)}/${formatBytes(totalSize)} | Speed: ${formatBytes(speed)}/s`);
  470.                     }
  471.                 } else {
  472.                     downloadedSize = progressEvent.loaded || 0;
  473.                     const speed = elapsed > 0 ? downloadedSize / elapsed : 0;
  474.                     
  475.                     if (shouldUpdate) {
  476.                         const sizeText = `${formatBytes(downloadedSize)}`;
  477.                         const speedText = `${formatBytes(speed)}/s`;
  478.                         const timeText = `${elapsed.toFixed(1)}s`;
  479.                         
  480.                         updateOverlay(
  481.                             `Downloading...`, 
  482.                             `${filename || 'video.mp4'} - ${timeText}`,
  483.                             sizeText,
  484.                             speedText
  485.                         );
  486.                         
  487.                         lastUpdateTime = currentTime;
  488.                     }
  489.                     
  490.                     if ((currentTime - lastUpdateTime) >= 1000) {
  491.                         console.log(`[${elapsed.toFixed(1)}s] Downloaded: ${formatBytes(downloadedSize)} | Speed: ${formatBytes(speed)}/s`);
  492.                     }
  493.                 }
  494.             },
  495.             onload: function(response) {
  496.                 console.log('Fetch completed. Response status:', response.status);
  497.                 console.log('Response type:', typeof response.response);
  498.                 console.log('Response size:', response.response?.size || 'unknown');
  499.                 
  500.                 if (response.status === 200 && response.response) {
  501.                     updateOverlay('Creating download file', 'Converting to downloadable file...', formatBytes(response.response.size || 0), 'Processing');
  502.                     
  503.                     try {
  504.                         const blob = response.response;
  505.                         const blobUrl = URL.createObjectURL(blob);
  506.                         
  507.                         console.log('Blob created:', blob.size, 'bytes');
  508.                         console.log('Blob URL:', blobUrl);
  509.                         
  510.                         const a = document.createElement('a');
  511.                         a.style.display = 'none';
  512.                         a.href = blobUrl;
  513.                         a.download = filename || 'video.mp4';
  514.                         
  515.                         document.body.appendChild(a);
  516.                         
  517.                         a.click();
  518.                         
  519.                         setTimeout(() => {
  520.                             document.body.removeChild(a);
  521.                             URL.revokeObjectURL(blobUrl);
  522.                         }, 1000);
  523.                           updateOverlay(
  524.                             'Download completed successfully!', 
  525.                             `${filename || 'video.mp4'}`,
  526.                             formatBytes(blob.size),
  527.                             'Complete',
  528.                             false,
  529.                             true
  530.                         );
  531.                           console.log('✅ Download successful via blob method');
  532.                         
  533.                         setTimeout(() => {
  534.                             removeOverlay();
  535.                         }, 2500);
  536.                         
  537.                     } catch (blobError) {
  538.                         console.error('Blob download failed:', blobError);
  539.                         updateOverlay(
  540.                             'Blob conversion failed', 
  541.                             'Trying alternative download methods...',
  542.                             null,
  543.                             null,
  544.                             true
  545.                         );
  546.                         
  547.                         setTimeout(() => {
  548.                             proceedWithDownload(url, filename, downloadStartTime);
  549.                         }, 2000);
  550.                     }
  551.                     
  552.                 } else {
  553.                     console.error('Fetch failed with status:', response.status);
  554.                     updateOverlay(
  555.                         'Data fetch failed', 
  556.                         `Server returned status ${response.status}`,
  557.                         null,
  558.                         null,
  559.                         true
  560.                     );
  561.                     
  562.                     setTimeout(() => {
  563.                         proceedWithDownload(url, filename, downloadStartTime);
  564.                     }, 2000);
  565.                 }
  566.             },            onerror: function(error) {
  567.                 console.error('GM.xmlHttpRequest fetch failed:', error);
  568.                 updateOverlay(
  569.                     'Data fetch failed', 
  570.                     'Trying native fetch method...',
  571.                     null,
  572.                     null,
  573.                     true
  574.                 );
  575.                 
  576.                 setTimeout(() => {
  577.                     nativeFetchDownload(url, filename, downloadStartTime);
  578.                 }, 2000);
  579.             },
  580.             ontimeout: function() {
  581.                 console.error('GM.xmlHttpRequest fetch timeout');
  582.                 updateOverlay(
  583.                     'Download timeout', 
  584.                     'Trying native fetch method...',
  585.                     null,
  586.                     null,
  587.                     true
  588.                 );
  589.                 
  590.                 setTimeout(() => {
  591.                     nativeFetchDownload(url, filename, downloadStartTime);
  592.                 }, 2000);
  593.             }
  594.         });
  595.     }
  596.       async function nativeFetchDownload(url, filename, downloadStartTime) {
  597.         updateOverlay('Trying native fetch', 'Using browser fetch API...', 'Starting...', 'Native method');
  598.         
  599.         console.log('=== NATIVE FETCH DOWNLOAD ===');
  600.         console.log('URL:', url);
  601.         console.log('Filename:', filename);
  602.         console.log('Method: Native fetch API with ReadableStream');
  603.         console.log('=============================');
  604.         
  605.         try {
  606.             const response = await fetch(url, {
  607.                 method: 'GET',
  608.                 headers: {
  609.                     "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36",
  610.                     "Referer": "https://iframe.y2meta-uk.com/",
  611.                     "Accept": "*/*"
  612.                 }
  613.             });
  614.             
  615.             if (!response.ok) {
  616.                 throw new Error(`HTTP ${response.status}: ${response.statusText}`);
  617.             }
  618.             
  619.             const contentLength = response.headers.get('content-length');
  620.             const totalSize = contentLength ? parseInt(contentLength, 10) : 0;
  621.             
  622.             console.log('Native fetch response OK. Content-Length:', totalSize);
  623.             
  624.             if (response.body && totalSize > 0) {
  625.                 const reader = response.body.getReader();
  626.                 const chunks = [];
  627.                 let downloadedSize = 0;
  628.                 
  629.                 updateOverlay(
  630.                     'Downloading with native fetch', 
  631.                     `Total size: ${formatBytes(totalSize)}`,
  632.                     '0%',
  633.                     'Starting...'
  634.                 );
  635.                 
  636.                 while (true) {
  637.                     const { done, value } = await reader.read();
  638.                     
  639.                     if (done) break;
  640.                     
  641.                     chunks.push(value);
  642.                     downloadedSize += value.length;
  643.                     
  644.                     const percentage = (downloadedSize / totalSize) * 100;
  645.                     const elapsed = (Date.now() - downloadStartTime) / 1000;
  646.                     const speed = elapsed > 0 ? downloadedSize / elapsed : 0;
  647.                     
  648.                     const sizeText = `${formatBytes(downloadedSize)} / ${formatBytes(totalSize)}`;
  649.                     const speedText = `${formatBytes(speed)}/s`;
  650.                     
  651.                     updateOverlay(
  652.                         'Downloading with native fetch', 
  653.                         `${Math.round(percentage)}% - ${filename || 'video.mp4'}`,
  654.                         sizeText,
  655.                         speedText
  656.                     );
  657.                     
  658.                     console.log(`Native fetch progress: ${Math.round(percentage)}% | ${sizeText} | ${speedText}`);
  659.                 }
  660.                 
  661.                 const blob = new Blob(chunks);
  662.                 
  663.                 console.log('Native fetch blob created from chunks:', blob.size, 'bytes');
  664.                 
  665.                 const blobUrl = URL.createObjectURL(blob);
  666.                 const a = document.createElement('a');
  667.                 a.style.display = 'none';
  668.                 a.href = blobUrl;
  669.                 a.download = filename || 'video.mp4';
  670.                 
  671.                 document.body.appendChild(a);
  672.                 a.click();
  673.                   setTimeout(() => {
  674.                     document.body.removeChild(a);
  675.                     URL.revokeObjectURL(blobUrl);
  676.                 }, 1000);
  677.                 
  678.                 updateOverlay(
  679.                     'Native fetch download completed!', 
  680.                     `${filename || 'video.mp4'}`,
  681.                     formatBytes(blob.size),
  682.                     'Complete',
  683.                     false,
  684.                     true
  685.                 );
  686.                 
  687.             } else {
  688.                 updateOverlay('Downloading with native fetch', 'Size unknown, downloading...', 'Unknown size', 'Downloading...');
  689.                 
  690.                 const blob = await response.blob();
  691.                 
  692.                 console.log('Native fetch blob created (no progress):', blob.size, 'bytes');
  693.                 
  694.                 const blobUrl = URL.createObjectURL(blob);
  695.                 const a = document.createElement('a');
  696.                 a.style.display = 'none';
  697.                 a.href = blobUrl;
  698.                 a.download = filename || 'video.mp4';
  699.                 
  700.                 document.body.appendChild(a);
  701.                 a.click();
  702.                   setTimeout(() => {
  703.                     document.body.removeChild(a);
  704.                     URL.revokeObjectURL(blobUrl);
  705.                 }, 1000);
  706.                 
  707.                 updateOverlay(
  708.                     'Native fetch download completed!', 
  709.                     `${filename || 'video.mp4'}`,
  710.                     formatBytes(blob.size),
  711.                     'Complete',
  712.                     false,
  713.                     true
  714.                 );
  715.             }
  716.               console.log('✅ Download successful via native fetch');
  717.             
  718.             setTimeout(() => {
  719.                 removeOverlay();
  720.             }, 2500);
  721.             
  722.         } catch (fetchError) {
  723.             console.error('Native fetch failed:', fetchError);
  724.             updateOverlay(
  725.                 'Native fetch failed', 
  726.                 `Error: ${fetchError.message}`,
  727.                 null,
  728.                 null,
  729.                 true
  730.             );
  731.             
  732.             setTimeout(() => {
  733.                 proceedWithDownload(url, filename, downloadStartTime);
  734.             }, 2000);
  735.         }
  736.     }function proceedWithDownload(url, filename, downloadStartTime) {
  737.         console.log('=== FALLBACK DOWNLOAD METHODS ===');
  738.         console.log('GM_download (legacy):', typeof GM_download, GM_download);
  739.         console.log('GM.download (new):', typeof GM?.download, GM?.download);
  740.         console.log('Download URL:', url);
  741.         console.log('Filename:', filename);
  742.         console.log('==================================');
  743.         
  744.         updateOverlay('Opening download in new tab', 'Most reliable method for video downloads', null, null);
  745.         
  746.         try {
  747.             const downloadWindow = window.open(url, '_blank', 'noopener,noreferrer');
  748.             
  749.             if (downloadWindow) {
  750.                 console.log('New tab opened successfully');                
  751.                 updateOverlay(
  752.                     'Download opened in new tab', 
  753.                     `${truncateTitle(filename || 'video.mp4')} - Check Downloads folder`,
  754.                     'Via new tab',
  755.                     'Browser handling',
  756.                     false,
  757.                     true
  758.                 );
  759.                 
  760.                 setTimeout(() => {
  761.                     removeOverlay();
  762.                 }, 10000);
  763.                 
  764.                 return;
  765.             } else {
  766.                 console.log('New tab blocked, trying GM_download');
  767.                 attemptGMDownload(url, filename, downloadStartTime);
  768.             }
  769.             
  770.         } catch (error) {
  771.             console.error('New tab method failed:', error);
  772.             attemptGMDownload(url, filename, downloadStartTime);
  773.         }
  774.     }
  775.     
  776.     function attemptGMDownload(url, filename, downloadStartTime) {
  777.         const gmDownloadAvailable = typeof GM_download !== 'undefined' && GM_download;
  778.         const gmDownloadNewSyntax = typeof GM !== 'undefined' && GM.download;
  779.         
  780.         if (gmDownloadAvailable) {
  781.             try {
  782.                 updateOverlay('Trying GM_download method', `File: ${truncateTitle(filename || 'video.mp4')}`, 'Initializing...', '-');
  783.                 
  784.                 console.log('Using GM_download (legacy API)');
  785.                 
  786.                 const downloadId = GM_download(url, filename || 'video.mp4', {
  787.                     headers: {
  788.                         "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36",
  789.                         "Referer": "https://iframe.y2meta-uk.com/",
  790.                         "Accept": "*/*"
  791.                     },
  792.                     onprogress: function(progressEvent) {
  793.                         console.log('Download progress (legacy):', progressEvent);
  794.                         
  795.                         if (progressEvent.lengthComputable) {
  796.                             const totalSize = progressEvent.total;
  797.                             const downloadedSize = progressEvent.loaded;
  798.                             
  799.                             const percentage = (downloadedSize / totalSize) * 100;
  800.                             const elapsed = (Date.now() - downloadStartTime) / 1000;
  801.                             const speed = downloadedSize / elapsed;
  802.                             
  803.                             const sizeText = `${formatBytes(downloadedSize)} / ${formatBytes(totalSize)}`;
  804.                             const speedText = `${formatBytes(speed)}/s`;
  805.                               updateOverlay(
  806.                                 'Downloading via GM_download', 
  807.                                 `${Math.round(percentage)}% - ${truncateTitle(filename || 'video.mp4')}`,
  808.                                 sizeText,
  809.                                 speedText
  810.                             );
  811.                         } else {
  812.                             const elapsed = (Date.now() - downloadStartTime) / 1000;                            
  813.                             updateOverlay(
  814.                                 'Downloading via GM_download', 
  815.                                 `${truncateTitle(filename || 'video.mp4')} - ${elapsed.toFixed(1)}s elapsed`,
  816.                                 'Size unknown',
  817.                                 'Progress...'
  818.                             );
  819.                         }
  820.                     },                    
  821.                     onload: function() {                        
  822.                         console.log('Download completed successfully (legacy)');
  823.                         updateOverlay(
  824.                             'Download completed successfully', 
  825.                             `${truncateTitle(filename || 'video.mp4')}`,
  826.                             'Complete',
  827.                             'Done',
  828.                             false,
  829.                             true
  830.                         );
  831.                         
  832.                         setTimeout(() => {
  833.                             removeOverlay();
  834.                         }, 2500);
  835.                     },
  836.                     onerror: function(error) {
  837.                         console.error('GM_download error (legacy):', error);
  838.                         updateOverlay(
  839.                             'GM_download failed', 
  840.                             'Trying alternative download methods...',
  841.                             null,
  842.                             null,
  843.                             true
  844.                         );
  845.                         
  846.                         setTimeout(() => {
  847.                             fallbackDownload(url, filename);
  848.                         }, 2000);
  849.                     }
  850.                 });
  851.                 
  852.                 console.log('Download ID (legacy):', downloadId);
  853.                 
  854.                 setTimeout(() => {
  855.                     console.log('Checking if GM_download callbacks fired...');                    
  856.                     updateOverlay(
  857.                         'GM_download may have CORS issues', 
  858.                         'Switching to fallback methods...',
  859.                         null,
  860.                         null,
  861.                         true
  862.                     );
  863.                     
  864.                     setTimeout(() => {
  865.                         fallbackDownload(url, filename);
  866.                     }, 2000);
  867.                 }, 2500);
  868.                 
  869.             } catch (downloadError) {
  870.                 console.error('GM_download exception:', downloadError);
  871.                 tryNewGMDownload(url, filename, downloadStartTime);
  872.             }
  873.         } else if (gmDownloadNewSyntax) {
  874.             tryNewGMDownload(url, filename, downloadStartTime);
  875.         } else {
  876.             console.log('No GM download APIs available, using fallback');
  877.             fallbackDownload(url, filename);
  878.         }
  879.     }
  880.       function tryNewGMDownload(url, filename, downloadStartTime) {
  881.         try {
  882.             updateOverlay('Trying GM.download (new API)', `File: ${filename || 'video.mp4'}`, 'Initializing...', '-');
  883.             
  884.             console.log('Using GM.download (new API)');
  885.             
  886.             GM.download(url, filename || 'video.mp4', {
  887.                 headers: {
  888.                     "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36",
  889.                     "Referer": "https://iframe.y2meta-uk.com/",
  890.                     "Accept": "*/*"
  891.                 },
  892.                 onprogress: function(progressEvent) {
  893.                     console.log('Download progress (new):', progressEvent);
  894.                     
  895.                     if (progressEvent.lengthComputable) {
  896.                         const totalSize = progressEvent.total;
  897.                         const downloadedSize = progressEvent.loaded;
  898.                         
  899.                         const percentage = (downloadedSize / totalSize) * 100;
  900.                         const elapsed = (Date.now() - downloadStartTime) / 1000;
  901.                         const speed = downloadedSize / elapsed;
  902.                         
  903.                         const sizeText = `${formatBytes(downloadedSize)} / ${formatBytes(totalSize)}`;
  904.                         const speedText = `${formatBytes(speed)}/s`;
  905.                         
  906.                         updateOverlay(
  907.                             'Downloading via GM.download', 
  908.                             `${Math.round(percentage)}% - ${filename || 'video.mp4'}`,
  909.                             sizeText,
  910.                             speedText
  911.                         );
  912.                     } else {
  913.                         const elapsed = (Date.now() - downloadStartTime) / 1000;
  914.                         updateOverlay(
  915.                             'Downloading via GM.download', 
  916.                             `${filename || 'video.mp4'} - ${elapsed.toFixed(1)}s elapsed`,
  917.                             'Size unknown',
  918.                             'Progress...'
  919.                         );
  920.                     }
  921.                 },                
  922.                 onload: function() {                    
  923.                     console.log('Download completed successfully (new)');
  924.                     updateOverlay(
  925.                         'Download completed successfully', 
  926.                         `${filename || 'video.mp4'}`,
  927.                         'Complete',
  928.                         'Done',
  929.                         false,
  930.                         true
  931.                     );
  932.                     
  933.                     setTimeout(() => {
  934.                         removeOverlay();
  935.                     }, 2500);
  936.                 },
  937.                 onerror: function(error) {
  938.                     console.error('GM.download error (new):', error);
  939.                     updateOverlay(
  940.                         'GM.download failed', 
  941.                         'Trying alternative download methods...',
  942.                         null,
  943.                         null,
  944.                         true
  945.                     );
  946.                     
  947.                     setTimeout(() => {
  948.                         fallbackDownload(url, filename);
  949.                     }, 2000);
  950.                 }
  951.             }).then(downloadId => {
  952.                 console.log('Download ID (new):', downloadId);
  953.                 setTimeout(() => {
  954.                     console.log('Checking if GM.download callbacks fired...');
  955.                     updateOverlay(
  956.                         'GM.download may have CORS issues', 
  957.                         'Switching to fallback methods...',
  958.                         null,
  959.                         null,
  960.                         true
  961.                     );
  962.                     
  963.                     setTimeout(() => {
  964.                         fallbackDownload(url, filename);
  965.                     }, 2000);
  966.                 }, 2500);
  967.                 
  968.             }).catch(error => {
  969.                 console.error('GM.download promise error:', error);
  970.                 fallbackDownload(url, filename);
  971.             });
  972.             
  973.         } catch (downloadError) {
  974.             console.error('GM.download exception:', downloadError);
  975.             fallbackDownload(url, filename);
  976.         }
  977.     }function fallbackDownload(url, filename) {
  978.         updateOverlay('Using direct download methods', 'Testing browser download capabilities...', null, null);
  979.         
  980.         console.log('=== FALLBACK DOWNLOAD ===');
  981.         console.log('URL:', url);
  982.         console.log('Filename:', filename);
  983.         console.log('=========================');
  984.         
  985.         try {
  986.             const a = document.createElement('a');
  987.             a.style.display = 'none';
  988.             a.href = url;
  989.             a.download = filename || 'video.mp4';
  990.             a.target = '_blank';
  991.             a.rel = 'noopener noreferrer';
  992.             
  993.             document.body.appendChild(a);
  994.             
  995.             updateOverlay('Method 1: Force download link', 'Creating download trigger...', null, null);
  996.             
  997.             const clickEvent = new MouseEvent('click', {
  998.                 bubbles: true,
  999.                 cancelable: true,
  1000.                 view: window
  1001.             });
  1002.             
  1003.             a.dispatchEvent(clickEvent);
  1004.             
  1005.             a.click();
  1006.             
  1007.             setTimeout(() => {
  1008.                 document.body.removeChild(a);
  1009.                 
  1010.                 updateOverlay(
  1011.                     'Download link triggered', 
  1012.                     `${filename || 'video.mp4'} - Check Downloads folder`,
  1013.                     'Via download link',
  1014.                     'Browser handling',
  1015.                     false,
  1016.                     true
  1017.                 );
  1018.                 
  1019.                 setTimeout(() => {
  1020.                     trySecondaryMethod(url, filename);
  1021.                 }, 3000);
  1022.                 
  1023.             }, 1000);
  1024.             
  1025.         } catch (error) {
  1026.             console.error('Direct link method failed:', error);
  1027.             trySecondaryMethod(url, filename);
  1028.         }
  1029.     }
  1030.     
  1031.     function trySecondaryMethod(url, filename) {
  1032.         updateOverlay('Method 2: Location redirect', 'Attempting direct navigation...', null, null);
  1033.         
  1034.         try {
  1035.             const downloadWindow = window.open('', '_blank');
  1036.             
  1037.             if (downloadWindow) {
  1038.                 downloadWindow.location.href = url;
  1039.                   updateOverlay(
  1040.                     'Download redirected to new tab', 
  1041.                     `${filename || 'video.mp4'} - Check new tab`,
  1042.                     'Via location redirect',
  1043.                     'Tab navigation',
  1044.                     false,
  1045.                     true
  1046.                 );
  1047.                 
  1048.                 setTimeout(() => {
  1049.                     tryFinalMethod(url, filename);
  1050.                 }, 2500);
  1051.             } else {
  1052.                 tryFinalMethod(url, filename);
  1053.             }
  1054.             
  1055.         } catch (error) {
  1056.             console.error('Secondary method failed:', error);
  1057.             tryFinalMethod(url, filename);
  1058.         }
  1059.     }
  1060.     
  1061.     function tryFinalMethod(url, filename) {
  1062.         updateOverlay('Method 3: Manual URL access', 'Preparing manual download option...', null, null);
  1063.         
  1064.         try {
  1065.             navigator.clipboard.writeText(url).then(() => {
  1066.                 updateOverlay(
  1067.                     'URL copied to clipboard!', 
  1068.                     'Open new tab and paste (Ctrl+L, Ctrl+V, Enter)',
  1069.                     'Clipboard ready',
  1070.                     'Manual paste',
  1071.                     false,
  1072.                     true
  1073.                 );
  1074.                 
  1075.                 console.log('=== MANUAL DOWNLOAD URL ===');
  1076.                 console.log('URL copied to clipboard. Paste in new tab:');
  1077.                 console.log(url);
  1078.                 console.log('Filename:', filename);
  1079.                 console.log('===========================');
  1080.                 
  1081.             }).catch(() => {
  1082.                 showConsoleMethod(url, filename);
  1083.             });
  1084.         } catch (error) {
  1085.             showConsoleMethod(url, filename);
  1086.         }
  1087.         setTimeout(removeOverlay, 10000);
  1088.     }
  1089.     
  1090.     function showConsoleMethod(url, filename) {
  1091.         console.log('=== MANUAL DOWNLOAD URL ===');
  1092.         console.log('Copy this URL and paste in new browser tab:');
  1093.         console.log(url);
  1094.         console.log('Filename:', filename);
  1095.         console.log('===========================');
  1096.         
  1097.         updateOverlay(
  1098.             'Check browser console (F12)', 
  1099.             'URL available in console for manual copy',
  1100.             'Console method',
  1101.             'Manual copy/paste',
  1102.             false,
  1103.             false
  1104.         );
  1105.     }
  1106.  
  1107.     function createDownloadDialog() {
  1108.         const dialog = document.createElement('div');        
  1109.         dialog.className = 'ytddl-dialog';        
  1110.         const title = document.createElement('h3');
  1111.         title.textContent = '';
  1112.  
  1113.         const formatSelector = document.createElement('div');
  1114.         formatSelector.className = 'format-selector';        
  1115.         const videoBtn = document.createElement('button');
  1116.         videoBtn.className = `format-button ${lastSelectedFormat === 'video' ? 'selected' : ''}`;
  1117.         videoBtn.setAttribute('data-format', 'video');
  1118.         videoBtn.textContent = 'VIDEO (MP4)';
  1119.  
  1120.         const audioBtn = document.createElement('button');
  1121.         audioBtn.className = `format-button ${lastSelectedFormat === 'audio' ? 'selected' : ''}`;
  1122.         audioBtn.setAttribute('data-format', 'audio');
  1123.         audioBtn.textContent = 'AUDIO (MP3)';
  1124.  
  1125.         formatSelector.appendChild(videoBtn);
  1126.         formatSelector.appendChild(audioBtn);
  1127.  
  1128.         const qualityContainer = document.createElement('div');
  1129.         qualityContainer.id = 'quality-container';        
  1130.         const videoQualities = document.createElement('div');
  1131.         videoQualities.className = 'quality-options';
  1132.         videoQualities.id = 'video-qualities';
  1133.         videoQualities.style.display = lastSelectedFormat === 'video' ? 'grid' : 'none';        
  1134.         ['144p', '240p', '360p', '480p', '720p', '1080p'].forEach((quality, index) => {
  1135.             const option = document.createElement('div');
  1136.             option.className = 'quality-option';
  1137.  
  1138.             const input = document.createElement('input');
  1139.             input.type = 'radio';
  1140.             input.id = `quality-${index}`;
  1141.             input.name = 'quality';
  1142.             input.value = quality.replace('p', '');
  1143.  
  1144.             const label = document.createElement('label');
  1145.             label.setAttribute('for', `quality-${index}`);
  1146.             label.textContent = quality;
  1147.             label.style.fontSize = '14px';
  1148.             label.style.cursor = 'pointer';
  1149.  
  1150.             option.appendChild(input);
  1151.             option.appendChild(label);
  1152.             videoQualities.appendChild(option);
  1153.  
  1154.             option.addEventListener('click', function() {
  1155.                 input.checked = true;
  1156.                 GM_setValue('lastSelectedVideoQuality', input.value);
  1157.                 lastSelectedVideoQuality = input.value;
  1158.             });
  1159.         });
  1160.  
  1161.         const defaultQuality = videoQualities.querySelector(`input[value="${lastSelectedVideoQuality}"]`);
  1162.         if (defaultQuality) {
  1163.             defaultQuality.checked = true;
  1164.         }        
  1165.         const audioQualities = document.createElement('div');
  1166.         audioQualities.className = 'quality-options';
  1167.         audioQualities.id = 'audio-qualities';
  1168.         audioQualities.style.display = lastSelectedFormat === 'audio' ? 'grid' : 'none';        
  1169.         ['128', '256', '320'].forEach((bitrate, index) => {
  1170.             const option = document.createElement('div');
  1171.             option.className = 'quality-option';
  1172.  
  1173.             const input = document.createElement('input');
  1174.             input.type = 'radio';
  1175.             input.id = `bitrate-${index}`;
  1176.             input.name = 'bitrate';
  1177.             input.value = bitrate;
  1178.  
  1179.             const label = document.createElement('label');
  1180.             label.setAttribute('for', `bitrate-${index}`);
  1181.             label.textContent = `${bitrate} kbps`;
  1182.             label.style.fontSize = '14px';
  1183.             label.style.cursor = 'pointer';
  1184.  
  1185.             option.appendChild(input);
  1186.             option.appendChild(label);
  1187.             audioQualities.appendChild(option);
  1188.  
  1189.             option.addEventListener('click', function() {
  1190.                 input.checked = true;
  1191.                 GM_setValue('lastSelectedAudioBitrate', input.value);
  1192.                 lastSelectedAudioBitrate = input.value;
  1193.             });
  1194.         });
  1195.  
  1196.         const defaultBitrate = audioQualities.querySelector(`input[value="${lastSelectedAudioBitrate}"]`);
  1197.         if (defaultBitrate) {
  1198.             defaultBitrate.checked = true;
  1199.         }
  1200.  
  1201.         qualityContainer.appendChild(videoQualities);
  1202.         qualityContainer.appendChild(audioQualities);
  1203.  
  1204.         const downloadStatus = document.createElement('div');
  1205.         downloadStatus.className = 'download-status';
  1206.         downloadStatus.id = 'download-status';
  1207.  
  1208.         const buttonContainer = document.createElement('div');
  1209.         buttonContainer.className = 'button-container';
  1210.  
  1211.         const cancelButton = document.createElement('button');
  1212.         cancelButton.className = 'ytddl-button cancel';
  1213.         cancelButton.textContent = 'Cancel';
  1214.  
  1215.         const downloadButton = document.createElement('button');
  1216.         downloadButton.className = 'ytddl-button';
  1217.         downloadButton.textContent = 'Download';
  1218.  
  1219.         buttonContainer.appendChild(cancelButton);
  1220.         buttonContainer.appendChild(downloadButton);
  1221.  
  1222.         dialog.appendChild(title);
  1223.         dialog.appendChild(formatSelector);
  1224.         dialog.appendChild(qualityContainer);
  1225.         dialog.appendChild(downloadStatus);
  1226.         dialog.appendChild(buttonContainer);
  1227.  
  1228.         formatSelector.addEventListener('click', (e) => {
  1229.             if (e.target.classList.contains('format-button')) {
  1230.                 formatSelector.querySelectorAll('.format-button').forEach(btn => {
  1231.                     btn.classList.remove('selected');
  1232.                 });
  1233.                 e.target.classList.add('selected');                
  1234.                 const format = e.target.getAttribute('data-format');
  1235.                 if (format === 'video') {
  1236.                     videoQualities.style.display = 'grid';
  1237.                     audioQualities.style.display = 'none';
  1238.                     lastSelectedFormat = 'video';
  1239.                     GM_setValue('lastSelectedFormat', 'video');
  1240.                 } else {
  1241.                     videoQualities.style.display = 'none';
  1242.                     audioQualities.style.display = 'grid';
  1243.                     lastSelectedFormat = 'audio';
  1244.                     GM_setValue('lastSelectedFormat', 'audio');
  1245.                 }
  1246.             }
  1247.         });
  1248.  
  1249.         const backdrop = document.createElement('div');
  1250.         backdrop.className = 'ytddl-backdrop';
  1251.  
  1252.         return { dialog, backdrop, cancelButton, downloadButton };
  1253.     }
  1254.  
  1255.     function closeDialog(dialog, backdrop) {
  1256.         if (dialog && dialog.parentNode) {
  1257.             dialog.parentNode.removeChild(dialog);
  1258.         }
  1259.         if (backdrop && backdrop.parentNode) {
  1260.             backdrop.parentNode.removeChild(backdrop);
  1261.         }
  1262.     }
  1263.  
  1264.     function extractVideoId(url) {
  1265.         const urlObj = new URL(url);
  1266.         const searchParams = new URLSearchParams(urlObj.search);
  1267.         return searchParams.get('v');
  1268.     }    async function downloadWithMP3YouTube(videoUrl, format, quality) {
  1269.         const statusElement = document.getElementById('download-status');
  1270.         
  1271.         createOverlay();
  1272.         
  1273.         if (statusElement) {
  1274.             statusElement.style.display = 'block';
  1275.             statusElement.textContent = 'Getting API key...';
  1276.         }
  1277.  
  1278.         try {
  1279.             updateOverlay('Getting API key', 'Connecting to MP3YouTube API...');
  1280.  
  1281.             const keyResponse = await new Promise((resolve, reject) => {
  1282.                 GM.xmlHttpRequest({
  1283.                     method: 'GET',
  1284.                     url: API_KEY_URL,
  1285.                     headers: REQUEST_HEADERS,
  1286.                     onload: resolve,
  1287.                     onerror: reject,
  1288.                     ontimeout: reject
  1289.                 });
  1290.             });
  1291.  
  1292.             const keyData = JSON.parse(keyResponse.responseText);
  1293.             if (!keyData || !keyData.key) {
  1294.                 throw new Error('Failed to get API key');
  1295.             }
  1296.  
  1297.             const key = keyData.key;
  1298.             
  1299.             updateOverlay('Processing request', `${format} (${format === 'video' ? quality + 'p' : quality + ' kbps'})`);
  1300.             
  1301.             if (statusElement) {
  1302.                 statusElement.textContent = 'Processing download...';
  1303.             }
  1304.  
  1305.             let payload;
  1306.             if (format === 'video') {
  1307.                 payload = {
  1308.                     "link": videoUrl,
  1309.                     "format": "mp4",
  1310.                     "audioBitrate": "128",
  1311.                     "videoQuality": quality,
  1312.                     "filenameStyle": "pretty",
  1313.                     "vCodec": "h264"
  1314.                 };
  1315.             } else {
  1316.                 payload = {
  1317.                     "link": videoUrl,
  1318.                     "format": "mp3",
  1319.                     "audioBitrate": quality,
  1320.                     "filenameStyle": "pretty"
  1321.                 };
  1322.             }
  1323.  
  1324.             const customHeaders = {
  1325.                 ...REQUEST_HEADERS,
  1326.                 "key": key
  1327.             };
  1328.  
  1329.             updateOverlay('Converting media', 'Processing video/audio conversion...');
  1330.  
  1331.             const downloadResponse = await new Promise((resolve, reject) => {
  1332.                 GM.xmlHttpRequest({
  1333.                     method: 'POST',
  1334.                     url: API_CONVERT_URL,
  1335.                     headers: customHeaders,
  1336.                     data: JSON.stringify(payload),
  1337.                     onload: resolve,
  1338.                     onerror: reject,
  1339.                     ontimeout: reject
  1340.                 });
  1341.             });
  1342.  
  1343.             const downloadInfo = JSON.parse(downloadResponse.responseText);
  1344.               if (downloadInfo.url) {
  1345.                 updateOverlay('Starting download', `File: ${truncateTitle(downloadInfo.filename || `video.${format === 'video' ? 'mp4' : 'mp3'}`)}`);
  1346.                 
  1347.                 if (statusElement) {
  1348.                     statusElement.textContent = 'Starting download...';
  1349.                 }
  1350.                 
  1351.                 triggerDirectDownload(downloadInfo.url, downloadInfo.filename);
  1352.                 
  1353.                 return downloadInfo;
  1354.             } else {
  1355.                 throw new Error('No download URL received from API');
  1356.             }} catch (error) {
  1357.             updateOverlay('Download failed', `Error: ${error.message}`, null, null, true);
  1358.             setTimeout(() => {
  1359.                 removeOverlay();
  1360.             }, 4000);
  1361.             
  1362.             throw error;
  1363.         }
  1364.     }
  1365.  
  1366.     function createDownloadButton() {
  1367.         const downloadButton = document.createElement('div');
  1368.         downloadButton.className = 'ytddl-download-btn';
  1369.         
  1370.         const svgNS = "http://www.w3.org/2000/svg";
  1371.         const svg = document.createElementNS(svgNS, "svg");
  1372.         svg.setAttribute("viewBox", "0 0 512 512");
  1373.         
  1374.         const path = document.createElementNS(svgNS, "path");
  1375.         path.setAttribute("d", "M256 464c114.9 0 208-93.1 208-208c0-13.3 10.7-24 24-24s24 10.7 24 24c0 141.4-114.6 256-256 256S0 397.4 0 256c0-13.3 10.7-24 24-24s24 10.7 24 24c0 114.9 93.1 208 208 208zM377.6 232.3l-104 112c-4.5 4.9-10.9 7.7-17.6 7.7s-13-2.8-17.6-7.7l-104-112c-9-9.7-8.5-24.9 1.3-33.9s24.9-8.5 33.9 1.3L232 266.9 232 24c0-13.3 10.7-24 24-24s24 10.7 24 24l0 242.9 62.4-67.2c9-9.7 24.2-10.3 33.9-1.3s10.3 24.2 1.3 33.9z");
  1376.         
  1377.         svg.appendChild(path);
  1378.         downloadButton.appendChild(svg);
  1379.         
  1380.         downloadButton.addEventListener('click', function() {
  1381.             showDownloadDialog();
  1382.         });
  1383.         
  1384.         return downloadButton;
  1385.     }
  1386.  
  1387.     function showDownloadDialog() {
  1388.         const videoUrl = window.location.href;
  1389.         const videoId = extractVideoId(videoUrl);
  1390.         
  1391.         if (!videoId) {
  1392.             alert('Could not extract video ID from URL');
  1393.             return;
  1394.         }
  1395.  
  1396.         const { dialog, backdrop, cancelButton, downloadButton } = createDownloadDialog();
  1397.         
  1398.         document.body.appendChild(backdrop);
  1399.         document.body.appendChild(dialog);
  1400.  
  1401.         backdrop.addEventListener('click', () => {
  1402.             closeDialog(dialog, backdrop);
  1403.         });
  1404.  
  1405.         cancelButton.addEventListener('click', () => {
  1406.             closeDialog(dialog, backdrop);
  1407.         });        downloadButton.addEventListener('click', async () => {
  1408.             const selectedFormat = dialog.querySelector('.format-button.selected').getAttribute('data-format');
  1409.             let quality;
  1410.             
  1411.             if (selectedFormat === 'video') {
  1412.                 const selectedQuality = dialog.querySelector('input[name="quality"]:checked');
  1413.                 if (!selectedQuality) {
  1414.                     alert('Please select a video quality');
  1415.                     return;
  1416.                 }
  1417.                 quality = selectedQuality.value;
  1418.             } else {
  1419.                 const selectedBitrate = dialog.querySelector('input[name="bitrate"]:checked');
  1420.                 if (!selectedBitrate) {
  1421.                     alert('Please select an audio bitrate');
  1422.                     return;
  1423.                 }
  1424.                 quality = selectedBitrate.value;
  1425.             }
  1426.  
  1427.             GM_setValue('lastSelectedFormat', selectedFormat);
  1428.             
  1429.             closeDialog(dialog, backdrop);
  1430.               try {
  1431.                 await downloadWithMP3YouTube(videoUrl, selectedFormat, quality);            
  1432.             } catch (error) {                
  1433.                 console.error('Download error:', error);
  1434.                 updateOverlay('Download Failed', `Error: ${error.message}`, null, null, true);
  1435.                 setTimeout(removeOverlay, 2500);
  1436.             }
  1437.         });
  1438.     }
  1439.     
  1440.     function insertDownloadButton() {
  1441.         const targetSelector = '#owner';
  1442.         const target = document.querySelector(targetSelector);
  1443.         
  1444.         if (target && !document.querySelector('.ytddl-download-btn')) {
  1445.             const downloadButton = createDownloadButton();
  1446.             target.appendChild(downloadButton);
  1447.         }
  1448.     }
  1449.     const observer = new MutationObserver(() => {
  1450.         if (window.location.pathname.includes('/watch')) {
  1451.             insertDownloadButton();
  1452.         }
  1453.     });
  1454.     
  1455.     observer.observe(document.body, { childList: true, subtree: true });
  1456.     insertDownloadButton();
  1457.     
  1458.     window.addEventListener('yt-navigate-finish', () => {
  1459.         insertDownloadButton();
  1460.     });
  1461. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址