☰

YouTube Direct Downloader (Cobalt)

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

  1. // ==UserScript==
  2. // @name         YouTube Direct Downloader (Cobalt)
  3. // @description  Add a custom download button and provide options to download the video, video dubs, or audio directly from the YouTube page.
  4. // @icon         https://www.google.com/s2/favicons?sz=64&domain=cobalt.tools
  5. // @version      1.4
  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. // @connect      c.blahaj.ca
  14. // @connect      dwnld.nichind.dev
  15. // @run-at       document-end
  16. // ==/UserScript==
  17.  
  18. (function() {
  19.     'use strict';
  20.  
  21.     const PRIMARY_API_URL = 'https://c.blahaj.ca/';
  22.     const FALLBACK_API_URL = 'https://dwnld.nichind.dev/';
  23.     let currentApiUrl = PRIMARY_API_URL;
  24.  
  25.     const LANGUAGE_MAP = {
  26.         "af": "Afrikaans",
  27.         "am": "አማርኛ",
  28.         "ar": "العربية",
  29.         "as": "Assamese",
  30.         "az": "azərbaycan",
  31.         "be": "Belarusian",
  32.         "bg": "български",
  33.         "bn": "বাংলা",
  34.         "bs": "bosanski",
  35.         "ca": "català",
  36.         "cs": "čeština",
  37.         "da": "dansk",
  38.         "de": "Deutsch",
  39.         "el": "Ελληνικά",
  40.         "en": "English",
  41.         "es": "español",
  42.         "et": "eesti",
  43.         "eu": "Basque",
  44.         "fa": "فارسی",
  45.         "fi": "suomi",
  46.         "fil": "Filipino",
  47.         "fr": "français",
  48.         "gl": "Galician",
  49.         "gu": "ગુજરાતી",
  50.         "hi": "हिन्दी",
  51.         "hr": "hrvatski",
  52.         "hu": "magyar",
  53.         "hy": "Armenian",
  54.         "id": "Indonesia",
  55.         "is": "Icelandic",
  56.         "it": "italiano",
  57.         "iw": "עברית",
  58.         "ja": "日本語",
  59.         "ka": "Georgian",
  60.         "kk": "Kazakh",
  61.         "km": "Khmer",
  62.         "kn": "ಕನ್ನಡ",
  63.         "ko": "한국어",
  64.         "ky": "Kyrgyz",
  65.         "lo": "Lao",
  66.         "lt": "lietuvių",
  67.         "lv": "latviešu",
  68.         "mk": "Macedonian",
  69.         "ml": "മലയാളം",
  70.         "mn": "Mongolian",
  71.         "mr": "मराठी",
  72.         "ms": "Melayu",
  73.         "my": "Burmese",
  74.         "ne": "Nepali",
  75.         "nl": "Nederlands",
  76.         "no": "norsk",
  77.         "or": "Odia",
  78.         "pa": "ਪੰਜਾਬੀ",
  79.         "pl": "polski",
  80.         "pt": "português",
  81.         "ro": "română",
  82.         "ru": "русский",
  83.         "si": "Sinhala",
  84.         "sk": "slovenčina",
  85.         "sl": "slovenščina",
  86.         "sq": "Albanian",
  87.         "sr": "српски",
  88.         "sv": "svenska",
  89.         "sw": "Kiswahili",
  90.         "ta": "தமிழ்",
  91.         "te": "తెలుగు",
  92.         "th": "ไทย",
  93.         "tr": "Türkçe",
  94.         "uk": "українська",
  95.         "ur": "اردو",
  96.         "uz": "o'zbek",
  97.         "vi": "Tiếng Việt",
  98.         "zh-CN": "中文（中国）",
  99.         "zh-HK": "中文（香港）",
  100.         "zh-TW": "中文（台灣）",
  101.         "zu": "Zulu"
  102.     };
  103.  
  104.     const style = document.createElement('style');
  105.     style.textContent = `
  106.         .cobalt-download-btn {
  107.             width: 36px;
  108.             height: 36px;
  109.             border-radius: 50%;
  110.             display: flex;
  111.             align-items: center;
  112.             justify-content: center;
  113.             cursor: pointer;
  114.             margin-left: 8px;
  115.             transition: background-color 0.2s;
  116.         }
  117.         html[dark] .cobalt-download-btn {
  118.             background-color: #ffffff1a;
  119.         }
  120.         html:not([dark]) .cobalt-download-btn {
  121.             background-color: #0000000d;
  122.         }
  123.         html[dark] .cobalt-download-btn:hover {
  124.             background-color: #ffffff33;
  125.         }
  126.         html:not([dark]) .cobalt-download-btn:hover {
  127.             background-color: #00000014;
  128.         }
  129.         .cobalt-download-btn svg {
  130.             width: 18px;
  131.             height: 18px;
  132.         }
  133.         html[dark] .cobalt-download-btn svg {
  134.             fill: var(--yt-spec-text-primary, #fff);
  135.         }
  136.         html:not([dark]) .cobalt-download-btn svg {
  137.             fill: var(--yt-spec-text-primary, #030303);
  138.         }
  139.     `;
  140.     document.head.appendChild(style);
  141.  
  142.     function triggerDirectDownload(url) {
  143.         const a = document.createElement('a');
  144.         a.style.display = 'none';
  145.         a.href = url;
  146.         document.body.appendChild(a);
  147.         a.click();
  148.         setTimeout(() => {
  149.             document.body.removeChild(a);
  150.             URL.revokeObjectURL(url);
  151.         }, 100);
  152.     }
  153.  
  154.     function createDownloadDialog() {
  155.         const dialog = document.createElement('div');
  156.         dialog.className = 'yt-download-dialog';
  157.         dialog.style.cssText = `
  158.             position: fixed;
  159.             top: 50%;
  160.             left: 50%;
  161.             transform: translate(-50%, -50%);
  162.             background: #000000;
  163.             color: #e1e1e1;
  164.             border-radius: 12px;
  165.             box-shadow: 0 0 0 1px rgba(225,225,225,.1), 0 2px 4px 1px rgba(225,225,225,.18);
  166.             font-family: 'IBM Plex Mono', 'Noto Sans Mono Variable', 'Noto Sans Mono', monospace;
  167.             width: 400px;
  168.             z-index: 9999;
  169.         `;
  170.  
  171.         const dialogContent = document.createElement('div');
  172.         dialogContent.style.padding = '16px';
  173.  
  174.         const styleElement = document.createElement('style');
  175.         styleElement.textContent = `
  176.             @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap');
  177.  
  178.             .quality-grid {
  179.                 display: grid;
  180.                 grid-template-columns: repeat(3, 1fr);
  181.                 gap: 8px;
  182.                 margin-bottom: 16px;
  183.             }
  184.  
  185.             .quality-option {
  186.                 display: flex;
  187.                 align-items: center;
  188.                 padding: 8px;
  189.                 cursor: pointer;
  190.             }
  191.  
  192.             .quality-option:hover {
  193.                 background: #191919;
  194.                 border-radius: 6px;
  195.             }
  196.  
  197.             .logo-container {
  198.                 display: flex;
  199.                 align-items: center;
  200.                 gap: 8px;
  201.                 margin-bottom: 16px;
  202.             }
  203.  
  204.             .subtitle {
  205.                 color: #e1e1e1;
  206.                 opacity: 0.7;
  207.                 font-size: 12px;
  208.                 margin-top: 4px;
  209.             }
  210.  
  211.             .title {
  212.                 font-size: 18px;
  213.                 font-weight: 700;
  214.             }
  215.  
  216.             .title-link {
  217.                 text-decoration: none;
  218.                 color: inherit;
  219.                 cursor: pointer;
  220.                 transition: opacity 0.2s ease;
  221.             }
  222.  
  223.             .title-link:hover {
  224.                 opacity: 0.8;
  225.             }
  226.  
  227.             .codec-selector {
  228.                 margin-bottom: 16px;
  229.                 display: flex;
  230.                 gap: 8px;
  231.                 justify-content: center;
  232.             }
  233.  
  234.             .codec-button {
  235.                 background: transparent;
  236.                 border: 1px solid #e1e1e1;
  237.                 color: #e1e1e1;
  238.                 padding: 6px 12px;
  239.                 border-radius: 14px;
  240.                 cursor: pointer;
  241.                 font-family: inherit;
  242.                 font-size: 12px;
  243.                 transition: all 0.2s ease;
  244.             }
  245.  
  246.             .codec-button:hover {
  247.                 background: #808080;
  248.                 color: #000000;
  249.             }
  250.  
  251.             .codec-button.selected {
  252.                 background: #1ed760;
  253.                 border-color: #1ed760;
  254.                 color: #000000;
  255.             }
  256.  
  257.             .download-status {
  258.                 text-align: center;
  259.                 margin: 16px 0;
  260.                 font-size: 12px;
  261.                 display: none;
  262.             }
  263.  
  264.             .button-container {
  265.                 display: flex;
  266.                 justify-content: center;
  267.                 gap: 8px;
  268.             }
  269.  
  270.             .switch-container {
  271.                 position: absolute;
  272.                 top: 16px;
  273.                 right: 16px;
  274.                 display: flex;
  275.                 align-items: center;
  276.             }
  277.             .switch-button {
  278.                 background: transparent;
  279.                 border: none;
  280.                 cursor: pointer;
  281.                 padding: 4px;
  282.                 transition: all 0.2s ease;
  283.             }
  284.             .switch-button svg {
  285.                 width: 20px;
  286.                 height: 20px;
  287.                 fill: #e1e1e1;
  288.                 transition: all 0.2s ease;
  289.             }
  290.             .switch-button:hover svg {
  291.                 fill: #1ed760;
  292.             }
  293.             .audio-options {
  294.                 display: none;
  295.                 margin-bottom: 16px;
  296.             }
  297.             .audio-options.active {
  298.                 display: block;
  299.             }
  300.             .dub-selector {
  301.                 margin-top: 16px;
  302.                 margin-bottom: 16px;
  303.                 display: none;
  304.             }
  305.             .dub-select {
  306.                 width: 80%;
  307.                 margin: 0 auto;
  308.                 display: block;
  309.             }
  310.             .dub-button {
  311.                 background: transparent;
  312.                 border: 1px solid #39a9db;
  313.                 color: #39a9db;
  314.             }
  315.             .dub-button:hover {
  316.                 background: #39a9db;
  317.                 color: #000000;
  318.             }
  319.             .dub-button.selected {
  320.                 background: #39a9db;
  321.                 border-color: #39a9db;
  322.                 color: #000000;
  323.             }
  324.         `;
  325.         dialog.appendChild(styleElement);
  326.  
  327.         const logoContainer = document.createElement('div');
  328.         logoContainer.className = 'logo-container';
  329.  
  330.         const logoSvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  331.         logoSvg.setAttribute('width', '24');
  332.         logoSvg.setAttribute('height', '16');
  333.         logoSvg.setAttribute('viewBox', '0 0 24 16');
  334.         logoSvg.setAttribute('fill', 'none');
  335.  
  336.         const path1 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  337.         path1.setAttribute('d', 'M0 15.6363L0 12.8594L9.47552 8.293L0 3.14038L0 0.363525L12.8575 7.4908V9.21862L0 15.6363Z');
  338.         path1.setAttribute('fill', 'white');
  339.  
  340.         const path2 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  341.         path2.setAttribute('d', 'M11.1425 15.6363V12.8594L20.6181 8.293L11.1425 3.14038V0.363525L24 7.4908V9.21862L11.1425 15.6363Z');
  342.         path2.setAttribute('fill', 'white');
  343.  
  344.         logoSvg.appendChild(path1);
  345.         logoSvg.appendChild(path2);
  346.  
  347.         const logoDiv = document.createElement('div');
  348.         logoDiv.id = 'cobalt-logo';
  349.         logoDiv.appendChild(logoSvg);
  350.  
  351.         logoContainer.appendChild(logoDiv);
  352.  
  353.         const titleContainer = document.createElement('div');
  354.         const titleLink = document.createElement('a');
  355.         titleLink.href = 'https://gf.qytechs.cn/en/users/1376410';
  356.         titleLink.target = '_blank';
  357.         titleLink.rel = 'noopener noreferrer';
  358.         titleLink.className = 'title-link';
  359.  
  360.         const title = document.createElement('div');
  361.         title.className = 'title';
  362.         title.textContent = 'cobalt';
  363.         
  364.         const statusSpan = document.createElement('span');
  365.         statusSpan.id = 'api-status';
  366.         statusSpan.style.marginLeft = '8px';
  367.         statusSpan.style.fontSize = '14px';
  368.         statusSpan.style.fontWeight = 'normal';
  369.         statusSpan.textContent = 'checking...';
  370.         title.appendChild(statusSpan);
  371.  
  372.         titleLink.appendChild(title);
  373.  
  374.         checkApiStatus(function(isOnline, apiType) {
  375.             const statusSpan = document.getElementById('api-status');
  376.             if (statusSpan) {
  377.                 statusSpan.textContent = isOnline ? apiType : 'Offline';
  378.                 statusSpan.style.color = isOnline ? '#1ed760' : '#f3727f';
  379.             }
  380.         });
  381.  
  382.         titleContainer.appendChild(titleLink);
  383.  
  384.         const subtitle = document.createElement('div');
  385.         subtitle.className = 'subtitle';
  386.         subtitle.textContent = 'YouTube Direct Downloader';
  387.  
  388.         titleContainer.appendChild(subtitle);
  389.         logoContainer.appendChild(titleContainer);
  390.  
  391.         dialogContent.appendChild(logoContainer);
  392.  
  393.         const switchContainer = document.createElement('div');
  394.         switchContainer.className = 'switch-container';
  395.  
  396.         const switchButton = document.createElement('button');
  397.         switchButton.className = 'switch-button';
  398.         switchButton.id = 'mode-switch';
  399.  
  400.         const switchSvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  401.         switchSvg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  402.         switchSvg.setAttribute('viewBox', '0 0 384 512');
  403.  
  404.         const switchPath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  405.         switchPath.setAttribute('d', 'M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-288-128 0c-17.7 0-32-14.3-32-32L224 0 64 0zM256 0l0 128 128 0L256 0zM64 288c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32l0 96c0 17.7-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32l0-96zM300.9 397.9L256 368l0-64 44.9-29.9c2-1.3 4.4-2.1 6.8-2.1c6.8 0 12.3 5.5 12.3 12.3l0 103.4c0 6.8-5.5 12.3-12.3 12.3c-2.4 0-4.8-.7-6.8-2.1z');
  406.  
  407.         switchSvg.appendChild(switchPath);
  408.         switchButton.appendChild(switchSvg);
  409.         switchContainer.appendChild(switchButton);
  410.  
  411.         dialogContent.appendChild(switchContainer);
  412.  
  413.         const videoOptions = document.createElement('div');
  414.         videoOptions.id = 'video-options';
  415.  
  416.         const videoCodecSelector = document.createElement('div');
  417.         videoCodecSelector.className = 'codec-selector';
  418.  
  419.         ['h264', 'vp9', 'av1'].forEach(codec => {
  420.             const button = document.createElement('button');
  421.             button.className = 'codec-button';
  422.             button.dataset.codec = codec;
  423.             button.textContent = codec.toUpperCase();
  424.             videoCodecSelector.appendChild(button);
  425.         });
  426.  
  427.         const dubButton = document.createElement('button');
  428.         dubButton.className = 'codec-button dub-button';
  429.         dubButton.dataset.codec = 'dub';
  430.         dubButton.textContent = 'DUB';
  431.         videoCodecSelector.appendChild(dubButton);
  432.  
  433.         videoOptions.appendChild(videoCodecSelector);
  434.  
  435.         const qualityOptions = document.createElement('div');
  436.         qualityOptions.id = 'quality-options';
  437.         qualityOptions.className = 'quality-grid';
  438.         videoOptions.appendChild(qualityOptions);
  439.  
  440.         const dubSelector = document.createElement('div');
  441.         dubSelector.className = 'dub-selector';
  442.         dubSelector.style.display = 'none';
  443.  
  444.         const dubSelect = document.createElement('select');
  445.         dubSelect.className = 'dub-select';
  446.         dubSelect.style.cssText = `
  447.             padding: 8px;
  448.             background: #191919;
  449.             color: #e1e1e1;
  450.             border: 1px solid #e1e1e1;
  451.             border-radius: 6px;
  452.             font-family: inherit;
  453.             cursor: pointer;
  454.         `;
  455.  
  456.         const defaultOption = document.createElement('option');
  457.         defaultOption.value = '';
  458.         defaultOption.textContent = 'Original Audio';
  459.         dubSelect.appendChild(defaultOption);
  460.  
  461.         Object.entries(LANGUAGE_MAP).forEach(([code, name]) => {
  462.             const option = document.createElement('option');
  463.             option.value = code;
  464.             option.textContent = `${name} (${code})`;
  465.             dubSelect.appendChild(option);
  466.         });
  467.  
  468.         dubSelector.appendChild(dubSelect);
  469.         videoOptions.appendChild(dubSelector);
  470.  
  471.         dialogContent.appendChild(videoOptions);
  472.  
  473.         const audioOptions = document.createElement('div');
  474.         audioOptions.id = 'audio-options';
  475.         audioOptions.className = 'audio-options';
  476.  
  477.         const audioCodecSelector = document.createElement('div');
  478.         audioCodecSelector.className = 'codec-selector';
  479.  
  480.         ['mp3', 'ogg', 'opus', 'wav'].forEach(codec => {
  481.             const button = document.createElement('button');
  482.             button.className = 'codec-button';
  483.             button.dataset.codec = codec;
  484.             button.textContent = codec.toUpperCase();
  485.             audioCodecSelector.appendChild(button);
  486.         });
  487.  
  488.         audioOptions.appendChild(audioCodecSelector);
  489.  
  490.         const bitrateOptions = document.createElement('div');
  491.         bitrateOptions.id = 'bitrate-options';
  492.         bitrateOptions.className = 'quality-grid';
  493.         audioOptions.appendChild(bitrateOptions);
  494.  
  495.         dialogContent.appendChild(audioOptions);
  496.  
  497.         const downloadStatus = document.createElement('div');
  498.         downloadStatus.className = 'download-status';
  499.         downloadStatus.id = 'download-status';
  500.         dialogContent.appendChild(downloadStatus);
  501.  
  502.         const buttonContainer = document.createElement('div');
  503.         buttonContainer.className = 'button-container';
  504.  
  505.         const cancelButton = document.createElement('button');
  506.         cancelButton.id = 'cancel-button';
  507.         cancelButton.textContent = 'Cancel';
  508.         cancelButton.style.cssText = `
  509.             background: transparent;
  510.             border: 1px solid #e1e1e1;
  511.             color: #e1e1e1;
  512.             font-size: 14px;
  513.             font-weight: 500;
  514.             padding: 8px 16px;
  515.             cursor: pointer;
  516.             font-family: inherit;
  517.             border-radius: 18px;
  518.         `;
  519.  
  520.         const downloadButton = document.createElement('button');
  521.         downloadButton.id = 'download-button';
  522.         downloadButton.textContent = 'Download';
  523.         downloadButton.style.cssText = `
  524.             background: transparent;
  525.             border: 1px solid #e1e1e1;
  526.             color: #e1e1e1;
  527.             font-size: 14px;
  528.             font-weight: 500;
  529.             padding: 8px 16px;
  530.             border-radius: 18px;
  531.             cursor: pointer;
  532.             font-family: inherit;
  533.         `;
  534.  
  535.         buttonContainer.appendChild(cancelButton);
  536.         buttonContainer.appendChild(downloadButton);
  537.  
  538.         dialogContent.appendChild(buttonContainer);
  539.  
  540.         dialog.appendChild(dialogContent);
  541.  
  542.         const backdrop = document.createElement('div');
  543.         backdrop.style.cssText = `
  544.             position: fixed;
  545.             top: 0;
  546.             left: 0;
  547.             width: 100%;
  548.             height: 100%;
  549.             background: rgba(0, 0, 0, 0.5);
  550.             z-index: 9998;
  551.         `;
  552.         document.body.appendChild(backdrop);
  553.  
  554.         backdrop.addEventListener('click', () => {
  555.             closeDialog(dialog, backdrop);
  556.         });
  557.  
  558.         const savedCodec = localStorage.getItem('cobaltToolsCodec') || 'h264';
  559.         const savedQuality = localStorage.getItem('cobaltToolsQuality') || '1080p';
  560.         const savedMode = localStorage.getItem('cobaltToolsMode') || 'video';
  561.         const savedAudioCodec = localStorage.getItem('cobaltToolsAudioCodec') || 'mp3';
  562.         const savedDub = localStorage.getItem('cobaltToolsDub') || '';
  563.  
  564.         return { dialog, backdrop, savedCodec, savedQuality, savedMode, savedAudioCodec, savedDub };
  565.     }
  566.  
  567.     function closeDialog(dialog, backdrop) {
  568.         dialog.remove();
  569.         backdrop.remove();
  570.     }
  571.  
  572.     function extractVideoId(url) {
  573.         const urlObj = new URL(url);
  574.         const searchParams = new URLSearchParams(urlObj.search);
  575.         return searchParams.get('v');
  576.     }
  577.  
  578.     function checkApiStatus(callback) {
  579.         checkSingleApiStatus(PRIMARY_API_URL, function(isOnline) {
  580.             if (isOnline) {
  581.                 currentApiUrl = PRIMARY_API_URL;
  582.                 callback(true, 'Primary');
  583.             } else {
  584.                 checkSingleApiStatus(FALLBACK_API_URL, function(fallbackIsOnline) {
  585.                     if (fallbackIsOnline) {
  586.                         currentApiUrl = FALLBACK_API_URL;
  587.                         callback(true, 'Fallback');
  588.                     } else {
  589.                         currentApiUrl = PRIMARY_API_URL;
  590.                         callback(false, 'Offline');
  591.                     }
  592.                 });
  593.             }
  594.         });
  595.     }
  596.  
  597.     function checkSingleApiStatus(apiUrl, callback) {
  598.         GM.xmlHttpRequest({
  599.             method: 'GET',
  600.             url: apiUrl,
  601.             timeout: 5000,
  602.             onload: function(response) {
  603.                 callback(response.status >= 200 && response.status < 300);
  604.             },
  605.             onerror: function() {
  606.                 callback(false);
  607.             },
  608.             ontimeout: function() {
  609.                 callback(false);
  610.             }
  611.         });
  612.     }
  613.  
  614.     function downloadVideo(quality, videoId, codec, dialog, backdrop) {
  615.         const statusElement = dialog.querySelector('#download-status');
  616.         statusElement.style.display = 'block';
  617.         statusElement.textContent = 'Preparing download...';
  618.     
  619.         const dubSelect = dialog.querySelector('.dub-select');
  620.         const selectedDub = dubSelect ? dubSelect.value : '';
  621.     
  622.         const payload = {
  623.             url: `https://www.youtube.com/watch?v=${videoId}`,
  624.             downloadMode: "auto",
  625.             filenameStyle: "basic",
  626.             videoQuality: quality.replace('p', ''),
  627.             youtubeVideoCodec: codec,
  628.             youtubeDubLang: selectedDub ? selectedDub : 'original'
  629.         };
  630.     
  631.         function attemptDownload(apiUrl, isRetry = false) {
  632.             statusElement.textContent = isRetry ? 'Trying fallback API...' : 'Preparing download...';
  633.             
  634.             GM.xmlHttpRequest({
  635.                 method: 'POST',
  636.                 url: apiUrl,
  637.                 headers: {
  638.                     'accept': 'application/json',
  639.                     'content-type': 'application/json'
  640.                 },
  641.                 data: JSON.stringify(payload),
  642.                 responseType: 'json',
  643.                 onload: function(response) {
  644.                     try {
  645.                         const data = JSON.parse(response.responseText);
  646.                         if (data.url) {
  647.                             statusElement.textContent = 'Starting download...';
  648.                             triggerDirectDownload(data.url);
  649.     
  650.                             setTimeout(() => {
  651.                                 closeDialog(dialog, backdrop);
  652.                             }, 1000);
  653.                         } else {
  654.                             if (!isRetry && apiUrl === PRIMARY_API_URL) {
  655.                                 attemptDownload(FALLBACK_API_URL, true);
  656.                             } else {
  657.                                 statusElement.textContent = 'Error: No download URL found';
  658.                                 console.error('No URL in response:', data);
  659.                             }
  660.                         }
  661.                     } catch (error) {
  662.                         if (!isRetry && apiUrl === PRIMARY_API_URL) {
  663.                             attemptDownload(FALLBACK_API_URL, true);
  664.                         } else {
  665.                             statusElement.textContent = 'Error: API service might be temporarily unavailable';
  666.                             console.error('Error processing response:', error);
  667.                         }
  668.                     }
  669.                 },
  670.                 onerror: function(error) {
  671.                     if (!isRetry && apiUrl === PRIMARY_API_URL) {
  672.                         attemptDownload(FALLBACK_API_URL, true);
  673.                     } else {
  674.                         statusElement.textContent = 'Network error. Please check your connection.';
  675.                         console.error('Network error:', error);
  676.                     }
  677.                 }
  678.             });
  679.         }
  680.     
  681.         attemptDownload(currentApiUrl);
  682.     }
  683.  
  684.     function updateQualityOptions(dialog, codec, savedQuality) {
  685.         const qualityOptions = dialog.querySelector('#quality-options');
  686.         while (qualityOptions.firstChild) {
  687.             qualityOptions.removeChild(qualityOptions.firstChild);
  688.         }
  689.  
  690.         let qualities;
  691.         if (codec === 'h264') {
  692.             qualities = ['144p', '240p', '360p', '480p', '720p', '1080p'];
  693.         } else if (codec === 'vp9') {
  694.             qualities = ['144p', '240p', '360p', '480p', '720p', '1080p', '1440p', '4k'];
  695.         } else {
  696.             qualities = ['144p', '240p', '360p', '480p', '720p', '1080p', '1440p', '4k', '8k+'];
  697.         }
  698.  
  699.         qualities.forEach((quality, index) => {
  700.             const option = document.createElement('div');
  701.             option.className = 'quality-option';
  702.  
  703.             const input = document.createElement('input');
  704.             input.type = 'radio';
  705.             input.id = `quality-${index}`;
  706.             input.name = 'quality';
  707.             input.value = quality;
  708.             input.style.marginRight = '8px';
  709.  
  710.             const label = document.createElement('label');
  711.             label.htmlFor = `quality-${index}`;
  712.             label.style.fontSize = '14px';
  713.             label.style.cursor = 'pointer';
  714.             label.textContent = quality;
  715.  
  716.             option.appendChild(input);
  717.             option.appendChild(label);
  718.             qualityOptions.appendChild(option);
  719.  
  720.             option.addEventListener('click', function() {
  721.                 const radioButton = this.querySelector('input[type="radio"]');
  722.                 qualityOptions.querySelectorAll('input[type="radio"]').forEach(rb => {
  723.                     rb.checked = false;
  724.                 });
  725.                 radioButton.checked = true;
  726.  
  727.                 localStorage.setItem('cobaltToolsQuality', quality);
  728.             });
  729.         });
  730.  
  731.         const defaultQuality = qualities.includes(savedQuality) ? savedQuality : qualities[qualities.length - 1];
  732.         const defaultRadio = dialog.querySelector(`input[name="quality"][value="${defaultQuality}"]`);
  733.         if (defaultRadio) {
  734.             defaultRadio.checked = true;
  735.         }
  736.     }
  737.  
  738.     function updateAudioOptions(dialog, codec, savedBitrate) {
  739.         const bitrateOptions = dialog.querySelector('#bitrate-options');
  740.         while (bitrateOptions.firstChild) {
  741.             bitrateOptions.removeChild(bitrateOptions.firstChild);
  742.         }
  743.  
  744.         if (codec === 'wav') {
  745.             return;
  746.         }
  747.  
  748.         const bitrates = ['8', '64', '96', '128', '256', '320'];
  749.  
  750.         bitrates.forEach((bitrate, index) => {
  751.             const option = document.createElement('div');
  752.             option.className = 'quality-option';
  753.  
  754.             const input = document.createElement('input');
  755.             input.type = 'radio';
  756.             input.id = `bitrate-${index}`;
  757.             input.name = 'bitrate';
  758.             input.value = bitrate;
  759.             input.style.marginRight = '8px';
  760.  
  761.             const label = document.createElement('label');
  762.             label.htmlFor = `bitrate-${index}`;
  763.             label.style.fontSize = '14px';
  764.             label.style.cursor = 'pointer';
  765.             label.textContent = `${bitrate} kb/s`;
  766.  
  767.             option.appendChild(input);
  768.             option.appendChild(label);
  769.             bitrateOptions.appendChild(option);
  770.  
  771.             option.addEventListener('click', function() {
  772.                 const radioButton = this.querySelector('input[type="radio"]');
  773.                 bitrateOptions.querySelectorAll('input[type="radio"]').forEach(rb => {
  774.                     rb.checked = false;
  775.                 });
  776.                 radioButton.checked = true;
  777.  
  778.                 localStorage.setItem('cobaltToolsBitrate', bitrate);
  779.             });
  780.         });
  781.  
  782.         const defaultBitrate = bitrates.includes(savedBitrate) ? savedBitrate : bitrates[bitrates.length - 1];
  783.         const defaultRadio = dialog.querySelector(`input[name="bitrate"][value="${defaultBitrate}"]`);
  784.         if (defaultRadio) {
  785.             defaultRadio.checked = true;
  786.         }
  787.     }
  788.  
  789.     function downloadAudio(format, bitrate, videoId, dialog, backdrop) {
  790.         const statusElement = dialog.querySelector('#download-status');
  791.         statusElement.style.display = 'block';
  792.         statusElement.textContent = 'Preparing audio download...';
  793.     
  794.         let payload;
  795.         if (format === 'wav') {
  796.             payload = {
  797.                 url: `https://www.youtube.com/watch?v=${videoId}`,
  798.                 downloadMode: "audio",
  799.                 filenameStyle: "basic",
  800.                 audioFormat: "wav"
  801.             };
  802.         } else {
  803.             payload = {
  804.                 url: `https://www.youtube.com/watch?v=${videoId}`,
  805.                 downloadMode: "audio",
  806.                 filenameStyle: "basic",
  807.                 audioFormat: format,
  808.                 audioBitrate: bitrate
  809.             };
  810.         }
  811.     
  812.         function attemptDownload(apiUrl, isRetry = false) {
  813.             statusElement.textContent = isRetry ? 'Trying fallback API...' : 'Preparing audio download...';
  814.             
  815.             GM.xmlHttpRequest({
  816.                 method: 'POST',
  817.                 url: apiUrl,
  818.                 headers: {
  819.                     'accept': 'application/json',
  820.                     'content-type': 'application/json'
  821.                 },
  822.                 data: JSON.stringify(payload),
  823.                 responseType: 'json',
  824.                 onload: function(response) {
  825.                     try {
  826.                         const data = JSON.parse(response.responseText);
  827.                         if (data.url) {
  828.                             statusElement.textContent = 'Starting audio download...';
  829.                             triggerDirectDownload(data.url);
  830.     
  831.                             setTimeout(() => {
  832.                                 closeDialog(dialog, backdrop);
  833.                             }, 1000);
  834.                         } else {
  835.                             if (!isRetry && apiUrl === PRIMARY_API_URL) {
  836.                                 attemptDownload(FALLBACK_API_URL, true);
  837.                             } else {
  838.                                 statusElement.textContent = 'Error: No download URL found';
  839.                                 console.error('No URL in response:', data);
  840.                             }
  841.                         }
  842.                     } catch (error) {
  843.                         if (!isRetry && apiUrl === PRIMARY_API_URL) {
  844.                             attemptDownload(FALLBACK_API_URL, true);
  845.                         } else {
  846.                             statusElement.textContent = 'Error: API service might be temporarily unavailable';
  847.                             console.error('Error processing response:', error);
  848.                         }
  849.                     }
  850.                 },
  851.                 onerror: function(error) {
  852.                     if (!isRetry && apiUrl === PRIMARY_API_URL) {
  853.                         attemptDownload(FALLBACK_API_URL, true);
  854.                     } else {
  855.                         statusElement.textContent = 'Network error. Please check your connection.';
  856.                         console.error('Network error:', error);
  857.                     }
  858.                 }
  859.             });
  860.         }
  861.     
  862.         attemptDownload(currentApiUrl);
  863.     }
  864.  
  865.     function updateModeSwitch(modeSwitch, isAudioMode) {
  866.         while (modeSwitch.firstChild) {
  867.             modeSwitch.removeChild(modeSwitch.firstChild);
  868.         }
  869.  
  870.         const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  871.         svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  872.         svg.setAttribute('viewBox', '0 0 384 512');
  873.  
  874.         const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
  875.  
  876.         if (isAudioMode) {
  877.             path.setAttribute('d', 'M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-288-128 0c-17.7 0-32-14.3-32-32L224 0 64 0zM256 0l0 128 128 0L256 0zm2 226.3c37.1 22.4 62 63.1 62 109.7s-24.9 87.3-62 109.7c-7.6 4.6-17.4 2.1-22-5.4s-2.1-17.4 5.4-22C269.4 401.5 288 370.9 288 336s-18.6-65.5-46.5-82.3c-7.6-4.6-10-14.4-5.4-22s14.4-10 22-5.4zm-91.9 30.9c6 2.5 9.9 8.3 9.9 14.8l0 128c0 6.5-3.9 12.3-9.9 14.8s-12.9 1.1-17.4-3.5L113.4 376 80 376c-8.8 0-16-7.2-16-16l0-48c0-8.8 7.2-16 16-16l33.4 0 35.3-35.3c4.6-4.6 11.5-5.9 17.4-3.5zm51 34.9c6.6-5.9 16.7-5.3 22.6 1.3C249.8 304.6 256 319.6 256 336s-6.2 31.4-16.3 42.7c-5.9 6.6-16 7.1-22.6 1.3s-7.1-16-1.3-22.6c5.1-5.7 8.1-13.1 8.1-21.3s-3.1-15.7-8.1-21.3c-5.9-6.6-5.3-16.7 1.3-22.6z');
  878.         } else {
  879.             path.setAttribute('d', 'M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-288-128 0c-17.7 0-32-14.3-32-32L224 0 64 0zM256 0l0 128 128 0L256 0zM64 288c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32l0 96c0 17.7-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32l0-96zM300.9 397.9L256 368l0-64 44.9-29.9c2-1.3 4.4-2.1 6.8-2.1c6.8 0 12.3 5.5 12.3 12.3l0 103.4c0 6.8-5.5 12.3-12.3 12.3c-2.4 0-4.8-.7-6.8-2.1z');
  880.         }
  881.  
  882.         svg.appendChild(path);
  883.         modeSwitch.appendChild(svg);
  884.     }
  885.  
  886.     function createDownloadButton() {
  887.         const downloadButton = document.createElement('div');
  888.         downloadButton.className = 'cobalt-download-btn';
  889.         
  890.         const svgNS = "http://www.w3.org/2000/svg";
  891.         const svg = document.createElementNS(svgNS, "svg");
  892.         svg.setAttribute("viewBox", "0 0 512 512");
  893.         
  894.         const path = document.createElementNS(svgNS, "path");
  895.         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");
  896.         
  897.         svg.appendChild(path);
  898.         downloadButton.appendChild(svg);
  899.         
  900.         downloadButton.addEventListener('click', function() {
  901.             const customDialog = modifyQualityOptionsAndRemoveElements();
  902.             document.body.appendChild(customDialog);
  903.         });
  904.         
  905.         return downloadButton;
  906.     }
  907.     
  908.     function insertDownloadButton() {
  909.         const targetSelector = '#owner';
  910.         const target = document.querySelector(targetSelector);
  911.         
  912.         if (target && !document.querySelector('.cobalt-download-btn')) {
  913.             const downloadButton = createDownloadButton();
  914.             target.appendChild(downloadButton);
  915.         }
  916.     }
  917.     
  918.     function modifyQualityOptionsAndRemoveElements() {
  919.         const { dialog, backdrop, savedCodec, savedMode, savedAudioCodec, savedDub } = createDownloadDialog();
  920.         let currentVideoId = null;
  921.         let selectedVideoCodec = savedCodec;
  922.         let selectedAudioCodec = savedAudioCodec;
  923.         let isAudioMode = savedMode === 'audio';
  924.  
  925.         try {
  926.             const url = window.location.href;
  927.             currentVideoId = extractVideoId(url);
  928.         } catch (error) {
  929.             console.error('Error extracting video ID:', error);
  930.             return;
  931.         }
  932.  
  933.         const modeSwitch = dialog.querySelector('#mode-switch');
  934.         const videoOptions = dialog.querySelector('#video-options');
  935.         const audioOptions = dialog.querySelector('#audio-options');
  936.         const dubSelector = dialog.querySelector('.dub-selector');
  937.  
  938.         function updateModeSwitchAndOptions() {
  939.             updateModeSwitch(modeSwitch, isAudioMode);
  940.             if (isAudioMode) {
  941.                 audioOptions.style.display = 'block';
  942.                 videoOptions.style.display = 'none';
  943.             } else {
  944.                 videoOptions.style.display = 'block';
  945.                 audioOptions.style.display = 'none';
  946.             }
  947.         }
  948.  
  949.         updateModeSwitchAndOptions();
  950.  
  951.         modeSwitch.addEventListener('click', () => {
  952.             isAudioMode = !isAudioMode;
  953.             updateModeSwitchAndOptions();
  954.             localStorage.setItem('cobaltToolsMode', isAudioMode ? 'audio' : 'video');
  955.             updateCodecButtons();
  956.         });
  957.  
  958.         function updateCodecButtons() {
  959.             const videoCodecButtons = videoOptions.querySelectorAll('.codec-button');
  960.             const audioCodecButtons = audioOptions.querySelectorAll('.codec-button');
  961.  
  962.             videoCodecButtons.forEach(button => {
  963.                 button.classList.remove('selected');
  964.                 if (button.dataset.codec === selectedVideoCodec) {
  965.                     button.classList.add('selected');
  966.                 }
  967.             });
  968.  
  969.             audioCodecButtons.forEach(button => {
  970.                 button.classList.remove('selected');
  971.                 if (button.dataset.codec === selectedAudioCodec) {
  972.                     button.classList.add('selected');
  973.                 }
  974.             });
  975.  
  976.             if (isAudioMode) {
  977.                 updateAudioOptions(dialog, selectedAudioCodec, localStorage.getItem('cobaltToolsBitrate') || '320');
  978.             } else {
  979.                 updateQualityOptions(dialog, selectedVideoCodec, localStorage.getItem('cobaltToolsQuality') || '1080p');
  980.             }
  981.  
  982.             if (selectedVideoCodec === 'dub') {
  983.                 dubSelector.style.display = 'block';
  984.                 dialog.querySelector('#quality-options').style.display = 'none';
  985.             } else {
  986.                 dubSelector.style.display = 'none';
  987.                 dialog.querySelector('#quality-options').style.display = 'grid';
  988.             }
  989.         }
  990.  
  991.         const codecButtons = dialog.querySelectorAll('.codec-button');
  992.         codecButtons.forEach(button => {
  993.             button.addEventListener('click', () => {
  994.                 if (isAudioMode) {
  995.                     selectedAudioCodec = button.dataset.codec;
  996.                     localStorage.setItem('cobaltToolsAudioCodec', selectedAudioCodec);
  997.                 } else {
  998.                     selectedVideoCodec = button.dataset.codec;
  999.                     localStorage.setItem('cobaltToolsCodec', selectedVideoCodec);
  1000.                 }
  1001.                 updateCodecButtons();
  1002.             });
  1003.         });
  1004.  
  1005.         updateCodecButtons();
  1006.  
  1007.         const dubSelect = dialog.querySelector('.dub-select');
  1008.         if (dubSelect) {
  1009.             dubSelect.value = savedDub;
  1010.             dubSelect.addEventListener('change', () => {
  1011.                 localStorage.setItem('cobaltToolsDub', dubSelect.value);
  1012.             });
  1013.         }
  1014.  
  1015.         const cancelButton = dialog.querySelector('#cancel-button');
  1016.         const downloadButton = dialog.querySelector('#download-button');
  1017.  
  1018.         if (cancelButton) {
  1019.             cancelButton.addEventListener('click', () => closeDialog(dialog, backdrop));
  1020.             cancelButton.addEventListener('mouseover', () => {
  1021.                 cancelButton.style.background = '#f3727f';
  1022.                 cancelButton.style.borderColor = '#f3727f';
  1023.                 cancelButton.style.color = '#000000';
  1024.             });
  1025.             cancelButton.addEventListener('mouseout', () => {
  1026.                 cancelButton.style.background = 'transparent';
  1027.                 cancelButton.style.borderColor = '#e1e1e1';
  1028.                 cancelButton.style.color = '#e1e1e1';
  1029.             });
  1030.         }
  1031.  
  1032.         if (downloadButton) {
  1033.             downloadButton.addEventListener('click', () => {
  1034.                 if (isAudioMode) {
  1035.                     const selectedFormat = selectedAudioCodec;
  1036.                     const selectedBitrate = selectedFormat === 'wav' ? 'WAV' : dialog.querySelector('input[name="bitrate"]:checked')?.value || '320';
  1037.                     if (selectedFormat && currentVideoId) {
  1038.                         downloadAudio(selectedFormat, selectedBitrate, currentVideoId, dialog, backdrop);
  1039.                     }
  1040.                 } else {
  1041.                     if (selectedVideoCodec === 'dub') {
  1042.                         downloadVideo('dub', currentVideoId, 'dub', dialog, backdrop);
  1043.                     } else {
  1044.                         const selectedQuality = dialog.querySelector('input[name="quality"]:checked');
  1045.                         if (selectedQuality && currentVideoId) {
  1046.                             downloadVideo(selectedQuality.value, currentVideoId, selectedVideoCodec, dialog, backdrop);
  1047.                         }
  1048.                     }
  1049.                 }
  1050.             });
  1051.             downloadButton.addEventListener('mouseover', () => {
  1052.                 downloadButton.style.background = '#1ed760';
  1053.                 downloadButton.style.borderColor = '#1ed760';
  1054.                 downloadButton.style.color = '#000000';
  1055.             });
  1056.             downloadButton.addEventListener('mouseout', () => {
  1057.                 downloadButton.style.background = 'transparent';
  1058.                 downloadButton.style.borderColor = '#e1e1e1';
  1059.                 downloadButton.style.color = '#e1e1e1';
  1060.             });
  1061.         }
  1062.  
  1063.         return dialog;
  1064.     }
  1065.     
  1066.     const observer = new MutationObserver(() => {
  1067.         if (window.location.pathname.includes('/watch')) {
  1068.             insertDownloadButton();
  1069.         }
  1070.     });
  1071.     
  1072.     observer.observe(document.body, { childList: true, subtree: true });
  1073.     
  1074.     insertDownloadButton();
  1075.     
  1076.     window.addEventListener('yt-navigate-finish', insertDownloadButton);
  1077. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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