☰

YouTube Direct Downloader

Video/short download button next to subscribe button. Downloads MP4, WEBM, MP3 or subtitles from youtube + option to redirect shorts to normal videos. Choose your preferred quality from 8k to audio only, codec (h264, vp9 or av1) or service provider (cobalt, y2mate, yt1s) in settings.

目前为 2024-10-31 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name                YouTube Direct Downloader
  3. // @version             3.1.2
  4. // @description         Video/short download button next to subscribe button. Downloads MP4, WEBM, MP3 or subtitles from youtube + option to redirect shorts to normal videos. Choose your preferred quality from 8k to audio only, codec (h264, vp9 or av1) or service provider (cobalt, y2mate, yt1s) in settings.
  5. // @author              FawayTT
  6. // @namespace           FawayTT
  7. // @supportURL          https://github.com/FawayTT/userscripts/issues
  8. // @icon                https://github.com/FawayTT/userscripts/blob/main/ydd-icon.png?raw=true
  9. // @match               https://www.youtube.com/*
  10. // @connect             api.cobalt.tools
  11. // @require             https://openuserjs.org/src/libs/sizzle/GM_config.js
  12. // @grant               GM_getValue
  13. // @grant               GM_setValue
  14. // @grant               GM_registerMenuCommand
  15. // @grant               GM_openInTab
  16. // @grant               GM_xmlhttpRequest
  17. // @license             MIT
  18. // ==/UserScript==
  19.  
  20. const gmcCSS = `
  21.  #YDD_config {
  22.   background-color: rgba(0, 0, 0, 0.8) !important;
  23.   backdrop-filter: blur(10px);
  24.   color: #fff !important;
  25.   border-radius: 30px !important;
  26.   padding: 20px !important;
  27.   height: fit-content !important;
  28.   max-width: 700px !important;
  29.   font-family: Arial, sans-serif !important;
  30.   z-index: 9999999 !important;
  31.   padding-bottom: 0px !important;
  32.   width: 100% !important;
  33. }
  34.  
  35. #YDD_config_header {
  36.   background-color: #ff000052 !important;
  37.   border-radius: 10px;
  38.   padding: 10px !important;
  39.   text-align: center !important;
  40.   font-size: 24px !important;
  41.   color: blob !important;
  42.   font-weight: 600 !important;
  43. }
  44.  
  45. .section_header_holder {
  46.   font-weight: 600;
  47.   margin-top: 10px !important;
  48. }
  49.  
  50. #YDD_config_buttons_holder {
  51.   text-align: center;
  52.   margin-top: 20px;
  53. }
  54.  
  55. #YDD_config_resetLink {
  56.   color: #fff !important;
  57. }
  58.  
  59. .config_var {
  60.   margin: 0px !important;
  61.   line-height: 3;
  62. }
  63.  
  64. #YDD_config_buttons_holder button {
  65.   background-color: #ff000052 !important;
  66.   color: #fff;
  67.   border: none;
  68.   font-weight: 600;
  69.   padding: 10px 20px !important;
  70.   border-radius: 10px;
  71.   font-size: 14px;
  72.   cursor: pointer;
  73.   transition: background-color 0.1s ease-in;
  74. }
  75.  
  76. #YDD_config_buttons_holder button:hover {
  77.   background-color: #ff0000 !important;
  78. }
  79.  
  80. #YDD_config_fieldset {
  81.   border: 1px solid #444;
  82.   padding: 10px;
  83.   border-radius: 5px;
  84.   margin-top: 10px;
  85. }
  86.  
  87. #YDD_config_fieldset legend {
  88.   color: #ff0000;
  89. }
  90.  
  91.  #YDD_config .section_header {
  92.   background: none !important;
  93.   width: fit-content;
  94.   margin: 5px 0px !important;
  95.   border: none !important;
  96.   font-size: 18px !important;
  97.   color: #ff0000 !important;
  98. }
  99.  
  100.  #YDD_config input, select, textarea {
  101.   cursor: pointer;
  102.   background-color: #333;
  103.   color: #fff;
  104.   border: 1px solid #555;
  105.   border-radius: 10px;
  106.   padding: 5px;
  107.   margin: 5px 0 !important;
  108. }
  109.  
  110.  #YDD_config ::selection {
  111.   color: white;
  112.   background: #ff0000;
  113. }
  114.  
  115.  #YDD_config input, select, textarea {
  116.   transition: all 0.1s ease-in;
  117. }
  118.  
  119.  #YDD_config input:focus, select:focus, textarea:focus {
  120.   border-color: #ff0000;
  121. }
  122.  
  123.  #YDD_config input:hover, select:hover, textarea:hover {
  124.   opacity: 0.8;
  125. }
  126.  
  127.  #YDD_config label {
  128.   color: #fff;
  129. }
  130.  
  131. #YDD_config_buttons_holder {
  132.   position: relative;
  133.   margin-top: 0px !important;
  134.   display: flex;
  135.   justify-content: center;
  136.   align-items: baseline;
  137. }
  138.  
  139. .reset_holder {
  140.   position: absolute;
  141.   top: 50%;
  142.   transform: translateY(-50%);
  143.   right: 0;
  144.   padding: 10px;
  145. }
  146.  
  147. input[type='checkbox'] {
  148.   appearance: none;
  149.   position: absolute;
  150.   width: 20px;
  151.   transform: translateY(3px);
  152.   height: 20px;
  153.   border: 1px solid #555;
  154.   border-radius: 10px;
  155.   background-color: #333;
  156.   cursor: pointer;
  157. }
  158.  
  159. input[type='checkbox']:before {
  160.   content: " ";
  161. }
  162.  
  163. input[type='checkbox']:checked {
  164.   background-color: #d50707;
  165. }
  166.  
  167. input[type='checkbox']:checked::after {
  168.   content: "";
  169.   position: absolute;
  170.   top: 3px;
  171.   left: 2px;
  172.   width: 12px;
  173.   height: 6px;
  174.   border-bottom: 2px solid #ffffff;
  175.   border-left: 2px solid #ffffff;
  176.   transform: rotate(-45deg);
  177. }
  178.  
  179. #YDD_config_downloadService_var:after {
  180.   content: "▲ Use cobalt for best quality.";
  181.   display: block;
  182.   font-family: arial, tahoma, myriad pro, sans-serif;
  183.   font-size: 10px;
  184.   font-weight: bold;
  185.   margin-right: 6px;
  186.   opacity: 0.7;
  187. }
  188.  
  189. #YDD_config_vCodec_var:after {
  190.   content: "▲ H264 [MP4] = best compatibility. VP9 [WEBM] = better quality. AV1 = best quality but is used only by few videos.";
  191.   display: block;
  192.   font-family: arial, tahoma, myriad pro, sans-serif;
  193.   font-size: 10px;
  194.   font-weight: bold;
  195.   margin-right: 6px;
  196.   opacity: 0.7;
  197. }
  198.  
  199. #YDD_config_backupService_var:after {
  200.   content: "▲ In case Cobalt isn't working, automatically use this download service.";
  201.   display: block;
  202.   font-family: arial, tahoma, myriad pro, sans-serif;
  203.   font-size: 10px;
  204.   font-weight: bold;
  205.   margin-right: 6px;
  206.   opacity: 0.7;
  207. }
  208. `;
  209.  
  210. const yddCSS = `
  211. #ydd-button {
  212.   position: relative;
  213.   display: flex;
  214.   align-items: center;
  215.   justify-content: center;
  216.   background: rgba(255, 255, 255, 0.15);
  217.   border-radius: 15px;
  218.   margin-left: 8px;
  219.   box-shadow: 1px 0px 7px -4px rgba(0, 0, 0, 0.8);
  220. }
  221.  
  222. #ydd-download {
  223.   position: relative;
  224.   z-index: 10;
  225.   cursor: pointer;
  226.   font-size: 2rem;
  227.   padding: 8px 12px;
  228.   border: none;
  229.   border-radius: 15px;
  230.   line-height: 2rem;
  231.   font-weight: 500;
  232.   color: #0f0f0f;
  233.   background-color: #f1f1f1;
  234.   font-family: "Roboto","Arial",sans-serif;
  235.   align-items: center;
  236.   text-transform: capitalize;
  237. }
  238.  
  239. #ydd-download:hover {
  240.   filter: brightness(90%);
  241. }
  242.  
  243. #ydd-options {
  244.   line-height: 2rem;
  245.   font-weight: 500;
  246.   color: var(--yt-spec-text-primary);
  247.   margin: 0px 5px;
  248.   cursor: pointer;
  249.   font-family: "Roboto","Arial",sans-serif;
  250.   transition: all 0.1s ease-in;
  251. }
  252.  
  253. #ydd-options:hover {
  254.   scale: 1.4;
  255. }
  256.  
  257. #ydd-options-div {
  258.   transition: transform 0.3s ease, opacity 0.1s ease;
  259.   position: absolute;
  260.   top: 0px;
  261.   transform: translateY(-70%);
  262.   right: -24px;
  263.   background: rgba(255, 255, 255, 0.9);
  264.   backdrop-filter: blur(10px);
  265.   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
  266.   border-radius: 15px;
  267.   margin-right: 8px;
  268.   margin-top: 6px;
  269.   padding: 6px;
  270.   display: flex;
  271.   flex-direction: column;
  272.   z-index: 100;
  273.   font-family: "Roboto","Arial",sans-serif;
  274.   font-weight: 500;
  275.   font-size: 1.2rem;
  276.   line-height: 2rem;
  277.   color: black;
  278.   align-items: start;
  279.   white-space: nowrap;
  280. }
  281.  
  282. #ydd-options-div > * {
  283.   margin: 6px;
  284.   cursor: pointer;
  285.   transition: all 0.1s ease-in;
  286. }
  287.  
  288. #ydd-options-div > *:hover {
  289.   scale: 1.1;
  290. }
  291.  
  292. @keyframes scaleIn {
  293.   0% {
  294.     transform: scale(0.8) translateY(-60%);
  295.     opacity: 0;            /* Start transparent */
  296.   }
  297.   100% {
  298.     transform: scale(1) translateY(-70%);
  299.     opacity: 1;
  300.   }
  301. }
  302.  
  303. @keyframes scaleOut {
  304.   0% {
  305.     transform: scale(1) translateY(-70%);
  306.     opacity: 1;
  307.   }
  308.   100% {
  309.     transform: scale(0.8) translateY(-60%);
  310.     opacity: 0;
  311.   }
  312. }
  313.  
  314. .ydd-scale-up {
  315.   animation: scaleIn 0.3s forwards;
  316. }
  317.  
  318. .ydd-scale-down {
  319.   animation: scaleOut 0.3s forwards;
  320. }
  321. `;
  322.  
  323. GM_registerMenuCommand('Settings', opencfg);
  324.  
  325. const defaults = {
  326.   downloadService: 'auto',
  327.   quality: 'max',
  328.   vCodec: 'vp9',
  329.   aFormat: 'mp3',
  330.   filenamePattern: 'pretty',
  331.   isAudioMuted: false,
  332.   disableMetadata: false,
  333.   redirectShorts: false,
  334.   backupService: 'y2mate',
  335. };
  336.  
  337. let frame = document.createElement('div');
  338. document.body.appendChild(frame);
  339.  
  340. let gmc = new GM_config({
  341.   id: 'YDD_config',
  342.   title: 'YouTube Direct Downloader (YDD) - Settings',
  343.   css: gmcCSS,
  344.   frame: frame,
  345.   fields: {
  346.     downloadService: {
  347.       section: ['Download method'],
  348.       label: 'Service:',
  349.       labelPos: 'left',
  350.       type: 'select',
  351.       default: defaults.downloadService,
  352.       options: ['auto', 'cobalt', 'y2mate', 'yt1s'],
  353.     },
  354.     quality: {
  355.       section: ['Cobalt-only settings'],
  356.       label: 'Quality:',
  357.       labelPos: 'left',
  358.       type: 'select',
  359.       default: defaults.quality,
  360.       options: ['max', '2160', '1440', '1080', '720', '480', '360', '240', '144'],
  361.     },
  362.     vCodec: {
  363.       label: 'Video codec:',
  364.       labelPos: 'left',
  365.       type: 'select',
  366.       default: defaults.vCodec,
  367.       options: ['h264', 'vp9', 'av1'],
  368.     },
  369.     aFormat: {
  370.       label: 'Audio format:',
  371.       type: 'select',
  372.       default: defaults.aFormat,
  373.       options: ['best', 'mp3', 'ogg', 'wav', 'opus'],
  374.     },
  375.     isAudioMuted: {
  376.       label: 'Download videos without audio:',
  377.       type: 'checkbox',
  378.       default: defaults.isAudioMuted,
  379.     },
  380.     disableMetadata: {
  381.       label: 'Download videos without metadata:',
  382.       type: 'checkbox',
  383.       default: defaults.disableMetadata,
  384.     },
  385.     filenamePattern: {
  386.       label: 'Filename pattern:',
  387.       type: 'select',
  388.       default: defaults.filenamePattern,
  389.       options: ['classic', 'pretty', 'basic', 'nerdy'],
  390.     },
  391.     backupService: {
  392.       label: 'Backup service:',
  393.       type: 'select',
  394.       default: defaults.backupService,
  395.       options: ['y2mate', 'yt1s', 'none'],
  396.     },
  397.     redirectShorts: {
  398.       section: ['Extra features'],
  399.       label: 'Redirect shorts:',
  400.       labelPos: 'left',
  401.       type: 'checkbox',
  402.       default: defaults.redirectShorts,
  403.     },
  404.     url: {
  405.       section: ['Links'],
  406.       label: 'All my userscripts - FawayTT',
  407.       type: 'button',
  408.       click: () => {
  409.         GM_openInTab('https://github.com/FawayTT/userscripts');
  410.       },
  411.     },
  412.     cobaltUrl: {
  413.       label: 'Cobalt github page',
  414.       type: 'button',
  415.       click: () => {
  416.         GM_openInTab('https://github.com/imputnet/cobalt');
  417.       },
  418.     },
  419.   },
  420.   events: {
  421.     save: function () {
  422.       gmc.close();
  423.       deleteButtons();
  424.       const bar = document.getElementById('owner');
  425.       if (!bar) return;
  426.       createButton(bar, checkShort(false));
  427.     },
  428.     init: onInit,
  429.   },
  430. });
  431.  
  432. function opencfg() {
  433.   gmc.open();
  434. }
  435.  
  436. let oldHref = document.location.href;
  437. let yddAdded = false;
  438. let dError;
  439. let dTimeout;
  440.  
  441. function getHeaders() {
  442.   const userAgent = navigator.userAgent;
  443.   const refererHeader = window.location.href;
  444.   const originHeader = window.location.origin;
  445.   const languages = navigator.languages;
  446.   return {
  447.     'User-Agent': userAgent,
  448.     Accept: 'application/json',
  449.     'Content-Type': 'application/json',
  450.     'Accept-Language': languages,
  451.     Referer: refererHeader,
  452.     Origin: originHeader,
  453.   };
  454. }
  455.  
  456. function getYouTubeVideoID(url) {
  457.   if (url.includes('shorts')) {
  458.     const regex = /\/shorts\/([^/?]+)/;
  459.     const match = url.match(regex);
  460.     const id = match ? match[1] : null;
  461.     return id;
  462.   }
  463.   const urlParams = new URLSearchParams(new URL(url).search);
  464.   return urlParams.get('v');
  465. }
  466.  
  467. function handleCobaltError(errorMessage, isAudioOnly) {
  468.   const backupService = gmc.get('backupService') || 'y2mate';
  469.   if (gmc.get('downloadService') === 'auto') {
  470.     download(isAudioOnly, backupService);
  471.     return;
  472.   }
  473.   let alertText = 'Cobalt error: ' + (errorMessage || 'Something went wrong! Try again later.');
  474.   if (backupService !== 'none') {
  475.     alertText += '\n\nYou will be redirected to backup provider ' + backupService + '.';
  476.     alert(alertText);
  477.     download(isAudioOnly, backupService);
  478.   } else alert(alertText);
  479. }
  480.  
  481. function download(isAudioOnly, downloadService) {
  482.   if (!downloadService) downloadService = gmc.get('downloadService');
  483.   switch (downloadService) {
  484.     case 'y2mate':
  485.       if (isAudioOnly) window.open(`https://www.y2mate.com/youtube-mp3/${getYouTubeVideoID(document.location.href)}`);
  486.       else window.open(`https://www.y2mate.com/download-youtube/${getYouTubeVideoID(document.location.href)}`);
  487.       break;
  488.     case 'yt1s':
  489.       if (isAudioOnly) window.open(`https://www.yt1s.com/en/youtube-to-mp3?q=${getYouTubeVideoID(document.location.href)}`);
  490.       else window.open(`https://www.yt1s.com/en/youtube-to-mp4?q=${getYouTubeVideoID(document.location.href)}`);
  491.       break;
  492.     default:
  493.       if (dError) return handleCobaltError(dError, isAudioOnly);
  494.       GM_xmlhttpRequest({
  495.         method: 'POST',
  496.         url: 'https://api.cobalt.tools/api/json',
  497.         headers: getHeaders(),
  498.         data: JSON.stringify({
  499.           url: encodeURI(document.location.href),
  500.           vQuality: gmc.get('quality'),
  501.           vCodec: gmc.get('vCodec'),
  502.           aFormat: gmc.get('aFormat'),
  503.           filenamePattern: gmc.get('filenamePattern'),
  504.           isAudioMuted: gmc.get('isAudioMuted'),
  505.           disableMetadata: gmc.get('disableMetadata'),
  506.           isAudioOnly: isAudioOnly,
  507.         }),
  508.         onload: (response) => {
  509.           try {
  510.             if (response.status === 403) {
  511.               handleCobaltError(
  512.                 'Cobalt is blocking your request with Bot Protection. If you want to hide this message, switch to download service "auto".',
  513.                 isAudioOnly
  514.               );
  515.               return;
  516.             }
  517.             const data = JSON.parse(response.responseText);
  518.             if (data.url) window.open(data.url);
  519.             else handleCobaltError(data.text, isAudioOnly);
  520.           } catch (error) {
  521.             handleCobaltError(null, isAudioOnly);
  522.             if (downloadService !== 'auto') console.error(error);
  523.           }
  524.         },
  525.         onerror: function (error) {
  526.           const errorMessage = error.message || error;
  527.           handleCobaltError(errorMessage, isAudioOnly);
  528.         },
  529.         ontimeout: function () {
  530.           const alertText = 'Cobalt is not responding. Please try again later.';
  531.           handleCobaltError(alertText, isAudioOnly);
  532.         },
  533.       });
  534.       clearTimeout(dTimeout);
  535.       dError = 'Slow down.';
  536.       dTimeout = setTimeout(() => {
  537.         dError = null;
  538.       }, 5000);
  539.       break;
  540.   }
  541. }
  542.  
  543. function addStyles() {
  544.   const style = document.createElement('style');
  545.   style.innerHTML = yddCSS;
  546.   document.head.appendChild(style);
  547. }
  548.  
  549. function deleteButtons() {
  550.   const buttons = document.querySelectorAll('#ydd-button');
  551.   if (buttons.length === 0) return;
  552.   buttons.forEach((button) => {
  553.     button.remove();
  554.   });
  555. }
  556.  
  557. function closeOptions(optionsDiv) {
  558.   optionsDiv.classList.remove('ydd-scale-up');
  559.   optionsDiv.classList.add('ydd-scale-down');
  560.   setTimeout(() => {
  561.     optionsDiv.remove();
  562.   }, 400);
  563. }
  564.  
  565. function showOptions(div) {
  566.   let optionsDiv = document.getElementById('ydd-options-div');
  567.   if (optionsDiv) {
  568.     closeOptions(optionsDiv);
  569.     return;
  570.   }
  571.   optionsDiv = document.createElement('div');
  572.   const audio = document.createElement('div');
  573.   const subtitles = document.createElement('div');
  574.   const settings = document.createElement('div');
  575.   audio.innerText = '🔊 Audio';
  576.   subtitles.innerText = '🖹 Subtitles';
  577.   settings.innerText = '⛭ Settings';
  578.   optionsDiv.id = 'ydd-options-div';
  579.   optionsDiv.appendChild(audio);
  580.   optionsDiv.appendChild(subtitles);
  581.   optionsDiv.appendChild(settings);
  582.   div.appendChild(optionsDiv);
  583.   optionsDiv.style.opacity = undefined;
  584.   optionsDiv.classList.add('ydd-scale-up');
  585.   settings.addEventListener('click', () => {
  586.     opencfg();
  587.     closeOptions(optionsDiv);
  588.   });
  589.   audio.addEventListener('click', () => {
  590.     download(true);
  591.     closeOptions(optionsDiv);
  592.   });
  593.   subtitles.addEventListener('click', () => {
  594.     window.open(`https://downsub.com/?url=${document.location.href}`);
  595.     closeOptions(optionsDiv);
  596.   });
  597.   window.addEventListener('click', (e) => {
  598.     if (!div.contains(e.target)) {
  599.       closeOptions(optionsDiv);
  600.     }
  601.   });
  602. }
  603.  
  604. function createButton(bar, short) {
  605.   if (!bar) return;
  606.   const div = document.createElement('div');
  607.   const button = document.createElement('button');
  608.   const options = document.createElement('div');
  609.   div.id = 'ydd-button';
  610.   button.id = 'ydd-download';
  611.   options.id = 'ydd-options';
  612.   div.appendChild(button);
  613.   div.appendChild(options);
  614.   if (short) {
  615.     div.style.marginTop = '10px';
  616.     div.style.marginLeft = '0px';
  617.     bar.insertBefore(div, bar.firstChild);
  618.   } else bar.appendChild(div);
  619.  
  620.   let downloadService = gmc.get('downloadService') || defaults.downloadService;
  621.   switch (downloadService) {
  622.     case 'y2mate':
  623.       button.title = 'Y2Mate';
  624.       break;
  625.     case 'yt1s':
  626.       button.title = 'YT1S';
  627.       break;
  628.     case 'cobalt':
  629.       const quality = gmc.get('quality') || defaults.quality;
  630.       const vCodec = gmc.get('vCodec') || defaults.vCodec;
  631.       const info = `${quality}, ${vCodec}`;
  632.       button.title = 'Cobalt: ' + info.toUpperCase();
  633.       break;
  634.     default:
  635.       button.title = 'YDD';
  636.       break;
  637.   }
  638.   button.innerText = '⇩';
  639.   options.innerText = '☰';
  640.   button.addEventListener('click', () => {
  641.     download();
  642.   });
  643.   options.addEventListener('click', () => {
  644.     showOptions(div);
  645.   });
  646. }
  647.  
  648. function checkShort(replace = true) {
  649.   if (document.location.href.indexOf('youtube.com/shorts') > -1) {
  650.     if (gmc.get('redirectShorts') && replace) window.location.replace(window.location.toString().replace('/shorts/', '/watch?v='));
  651.     return true;
  652.   } else return false;
  653. }
  654.  
  655. function modify() {
  656.   const short = checkShort();
  657.   if (document.location.href.indexOf('youtube.com/watch') === -1 && !short) {
  658.     yddAdded = true;
  659.     return;
  660.   }
  661.   if (short) {
  662.     const bars = document.querySelectorAll('#actions');
  663.     if (bars.length <= 1) {
  664.       yddAdded = false;
  665.       return;
  666.     }
  667.     deleteButtons();
  668.     bars.forEach((bar) => {
  669.       createButton(bar, true);
  670.     });
  671.     yddAdded = true;
  672.   } else {
  673.     const bar = document.getElementById('owner');
  674.     if (!bar) {
  675.       yddAdded = false;
  676.       return;
  677.     }
  678.     deleteButtons();
  679.     createButton(bar, false);
  680.     yddAdded = true;
  681.   }
  682. }
  683.  
  684. function onInit() {
  685.   addStyles();
  686.   const observer = new MutationObserver(function () {
  687.     if (!yddAdded) return modify();
  688.     if (oldHref != document.location.href) {
  689.       oldHref = document.location.href;
  690.       yddAdded = false;
  691.     }
  692.   });
  693.   observer.observe(document.body, {
  694.     childList: true,
  695.     subtree: true,
  696.   });
  697. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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