☰

Youtube Direct Downloader

Video/short download button hidden in three dots combo menu below video or next to subscribe button. Downloads MP4, WEBM or MP3 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-09-15 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name                Youtube Direct Downloader
  3. // @version             2.1.6
  4. // @description         Video/short download button hidden in three dots combo menu below video or next to subscribe button. Downloads MP4, WEBM or MP3 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/youtube-downloader-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. GM_registerMenuCommand('Settings', opencfg);
  21.  
  22. const defaults = {
  23.   downloadService: 'Cobalt',
  24.   quality: 'max',
  25.   vCodec: 'vp9',
  26.   aFormat: 'mp3',
  27.   filenamePattern: 'pretty',
  28.   buttonDownloadInfo: 'onchange',
  29.   isAudioMuted: false,
  30.   disableMetadata: false,
  31.   redirectShorts: false,
  32.   backupProvider: 'y2mate',
  33.   subscribeButton: true,
  34. };
  35.  
  36. const providers = ['cobalt', 'y2mate', 'yt1s'];
  37.  
  38. let gmc = new GM_config({
  39.   id: 'config',
  40.   title: 'Youtube direct downloader settings',
  41.   fields: {
  42.     subscribeButton: {
  43.       section: ['Position of download button:'],
  44.       label: 'Show download button next to subscribe button:',
  45.       labelPos: 'left',
  46.       type: 'checkbox',
  47.       default: defaults.subscribeButton,
  48.     },
  49.     downloadService: {
  50.       section: ['Download method (use cobalt for best quality):'],
  51.       label: 'Service',
  52.       labelPos: 'left',
  53.       type: 'select',
  54.       default: defaults.downloadService,
  55.       options: ['cobalt', 'y2mate', 'yt1s'],
  56.     },
  57.     quality: {
  58.       section: ['Cobalt-only settings'],
  59.       label: 'Quality:',
  60.       labelPos: 'left',
  61.       type: 'select',
  62.       default: defaults.quality,
  63.       options: ['max', '2160', '1440', '1080', '720', '480', '360', '240', '144'],
  64.     },
  65.     vCodec: {
  66.       label: 'Video codec (h264 [MP4] for best compatibility, vp9 [WEBM] for better quality. AV1 = best quality but is used only by few videos):',
  67.       labelPos: 'left',
  68.       type: 'select',
  69.       default: defaults.vCodec,
  70.       options: ['h264', 'vp9', 'av1'],
  71.     },
  72.     aFormat: {
  73.       label: 'Audio format:',
  74.       type: 'select',
  75.       default: defaults.aFormat,
  76.       options: ['best', 'mp3', 'ogg', 'wav', 'opus'],
  77.     },
  78.     isAudioMuted: {
  79.       label: 'Download videos without audio:',
  80.       type: 'checkbox',
  81.       default: defaults.isAudioMuted,
  82.     },
  83.     disableMetadata: {
  84.       label: 'Download videos without metadata:',
  85.       type: 'checkbox',
  86.       default: defaults.disableMetadata,
  87.     },
  88.     filenamePattern: {
  89.       label: 'Filename pattern:',
  90.       type: 'select',
  91.       default: defaults.filenamePattern,
  92.       options: ['classic', 'pretty', 'basic', 'nerdy', 'opus'],
  93.     },
  94.     buttonDownloadInfo: {
  95.       label: 'Show quality info below button:',
  96.       type: 'select',
  97.       default: defaults.buttonDownloadInfo,
  98.       options: ['always', 'onchange', 'never'],
  99.     },
  100.     backupProvider: {
  101.       label: 'Backup provider in case Cobalt is not responding:',
  102.       type: 'select',
  103.       default: defaults.backupProvider,
  104.       options: ['y2mate', 'yt1s', 'none'],
  105.     },
  106.     redirectShorts: {
  107.       section: ['Extra features'],
  108.       label: 'Redirect shorts:',
  109.       labelPos: 'left',
  110.       type: 'checkbox',
  111.       default: defaults.redirectShorts,
  112.     },
  113.     url: {
  114.       section: ['Links'],
  115.       label: 'My other userscripts',
  116.       type: 'button',
  117.       click: () => {
  118.         GM_openInTab('https://github.com/FawayTT/userscripts');
  119.       },
  120.     },
  121.     cobaltUrl: {
  122.       label: 'Cobalt',
  123.       type: 'button',
  124.       click: () => {
  125.         GM_openInTab('https://github.com/imputnet/cobalt');
  126.       },
  127.     },
  128.   },
  129.   events: {
  130.     save: function () {
  131.       gmc.close();
  132.       deleteButton();
  133.       createButton();
  134.       deleteSubscribeButton();
  135.       createSubscribeButton();
  136.     },
  137.     init: onInit,
  138.   },
  139. });
  140.  
  141. function opencfg() {
  142.   gmc.open();
  143.   config.style = `
  144.   width: 100%;
  145.   height: 100%;
  146.   max-height: 40rem;
  147.   max-width: 80rem;
  148.   border-radius: 10px;
  149.   z-index: 9999999;
  150.   position: fixed;
  151.   `;
  152. }
  153.  
  154. let timeout;
  155. let menuOuter;
  156. let menuParent;
  157. let nextSibling;
  158. let oldHref = document.location.href;
  159. let menuIndex = 1;
  160. const menuMaxTries = 10;
  161.  
  162. function getYouTubeVideoID(url) {
  163.   const urlParams = new URLSearchParams(new URL(url).search);
  164.   return urlParams.get('v');
  165. }
  166.  
  167. function download(isAudioOnly, downloadService) {
  168.   if (!downloadService) downloadService = gmc.get('downloadService');
  169.   switch (downloadService) {
  170.     case 'y2mate':
  171.       if (isAudioOnly) window.open(`https://www.y2mate.com/youtube-mp3/${getYouTubeVideoID(document.location.href)}`);
  172.       else window.open(`https://www.y2mate.com/download-youtube/${getYouTubeVideoID(document.location.href)}`);
  173.       break;
  174.     case 'yt1s':
  175.       if (isAudioOnly) window.open(`https://www.yt1s.com/en/youtube-to-mp3?q=${getYouTubeVideoID(document.location.href)}`);
  176.       else window.open(`https://www.yt1s.com/en/youtube-to-mp4?q=${getYouTubeVideoID(document.location.href)}`);
  177.       break;
  178.     case 'cobalt':
  179.       GM_xmlhttpRequest({
  180.         method: 'POST',
  181.         url: 'https://api.cobalt.tools/api/json',
  182.         headers: {
  183.           Accept: 'application/json',
  184.           'Content-Type': 'application/json',
  185.         },
  186.         data: JSON.stringify({
  187.           url: encodeURI(document.location.href),
  188.           vQuality: gmc.get('quality'),
  189.           vCodec: gmc.get('vCodec'),
  190.           aFormat: gmc.get('aFormat'),
  191.           filenamePattern: gmc.get('filenamePattern'),
  192.           isAudioMuted: gmc.get('isAudioMuted'),
  193.           disableMetadata: gmc.get('disableMetadata'),
  194.           isAudioOnly: isAudioOnly,
  195.         }),
  196.         onload: (response) => {
  197.           const data = JSON.parse(response.responseText);
  198.           if (data.url) window.open(data.url);
  199.           else {
  200.             let alertText = 'Cobalt error: ' + data.text || 'Something went wrong! Try again later.';
  201.             const backupProvider = gmc.get('backupProvider');
  202.             if (backupProvider !== 'none') {
  203.               alertText += '\n\nYou will be redirected to backup provider ' + backupProvider + '.';
  204.               alert(alertText);
  205.               download(isAudioOnly, backupProvider);
  206.             } else alert(alertText);
  207.           }
  208.         },
  209.         onerror: function (error) {
  210.           const errorMessage = error.message || error;
  211.           let alertText = 'Cobalt error occurred: ' + errorMessage;
  212.           const backupProvider = gmc.get('backupProvider');
  213.           if (backupProvider !== 'none') {
  214.             alertText += '\n\nYou will be redirected to backup provider ' + backupProvider + '.';
  215.             alert(alertText);
  216.             download(isAudioOnly, backupProvider);
  217.           } else alert(alertText);
  218.         },
  219.         ontimeout: function () {
  220.           let alertText = 'Cobalt is not responding. Please try again later.';
  221.           const backupProvider = gmc.get('backupProvider');
  222.           if (backupProvider !== 'none') {
  223.             alertText += '\n\nYou will be redirected to backup provider ' + backupProvider + '.';
  224.             alert(alertText);
  225.             download(isAudioOnly, backupProvider);
  226.           } else alert(alertText);
  227.         },
  228.       });
  229.       break;
  230.     default:
  231.       break;
  232.   }
  233.   hideMenu();
  234. }
  235.  
  236. function addButtonDownloadInfo(serviceName, div) {
  237.   if (serviceName === 'cobalt') {
  238.     const option = gmc.get('buttonDownloadInfo');
  239.     if (option === 'never') return;
  240.     const quality = gmc.get('quality') || defaults.quality;
  241.     const vCodec = gmc.get('vCodec') || defaults.vCodec;
  242.     if (option === 'onchange' && quality === defaults.quality && vCodec === defaults.vCodec) return;
  243.     const qualityText = `${quality}, ${vCodec}`;
  244.     const downloadInfo = document.createElement('custom-dwn-button-download-info');
  245.     downloadInfo.style.cssText = `
  246.                 position: absolute;
  247.                 left: 0;
  248.                 bottom: -10px;
  249.                 font-size: 0.8rem;
  250.                 color: var(--yt-spec-text-primary);
  251.                 opacity: 0.6;`;
  252.     downloadInfo.innerText = qualityText;
  253.     div.appendChild(downloadInfo);
  254.   }
  255. }
  256.  
  257. function deleteButton() {
  258.   const buttons = document.getElementsByTagName('custom-dwn-button');
  259.   if (buttons.length === 0) return;
  260.   const button = buttons[0];
  261.   button.remove();
  262. }
  263.  
  264. function hideMenu() {
  265.   const menu = document.getElementsByTagName('ytd-menu-popup-renderer')[0];
  266.   if (!menu) return;
  267.   menuOuter = menu.parentElement.parentElement;
  268.   if (!menuOuter) return;
  269.   menuParent = menuOuter.parentNode;
  270.   nextSibling = menuOuter.nextSibling;
  271.   menuOuter.remove();
  272. }
  273.  
  274. function addMenu(hidden) {
  275.   if (menuOuter && menuParent) {
  276.     if (nextSibling) {
  277.       menuParent.insertBefore(menuOuter, nextSibling);
  278.     } else {
  279.       menuParent.appendChild(menuOuter);
  280.     }
  281.     if (hidden) menuOuter.style.display = 'none';
  282.     menuOuter = null;
  283.     menuParent = null;
  284.     nextSibling = null;
  285.   }
  286. }
  287.  
  288. function createButton() {
  289.   addMenu();
  290.   if (document.getElementsByTagName('custom-dwn-button').length !== 0) return;
  291.   const serviceName = gmc.get('downloadService') || defaults.downloadService;
  292.   const menu = document.getElementsByTagName('ytd-menu-popup-renderer')[0];
  293.   const downButtonOuter = document.createElement('custom-dwn-button');
  294.   const icon = document.createElement('div');
  295.   const text = document.createElement('custom-dwn-button-text');
  296.   const downButton = document.createElement('button');
  297.   const extra = document.createElement('div');
  298.   const settings = document.createElement('div');
  299.   const downAudioOnly = document.createElement('div');
  300.   menu.style.minHeight = '100px';
  301.   menu.style.minWidth = '133px';
  302.   text.style.position = 'relative';
  303.   downButtonOuter.style.cssText = `
  304.           cursor: pointer;
  305.           margin-top: 8px;
  306.           font-size: 1.4rem;
  307.           line-height: 2rem;
  308.           font-weight: 400;
  309.           position: relative;
  310.           color: var(--yt-spec-text-primary);
  311.           font-family: "Roboto","Arial",sans-serif;
  312.           white-space: nowrap;
  313.           display: flex;
  314.           margin-bottom: -10px;
  315.           padding: 10px 0 10px 21px;
  316.           gap: 23px;
  317.           align-items: center;
  318.           text-transform: capitalize`;
  319.   downButton.style.cssText = `
  320.             position: absolute;
  321.             left: 0;
  322.             top: 0;
  323.             width: 90%;
  324.             height: 100%;
  325.             opacity: 0;
  326.             cursor: pointer;
  327.             z-index: 9999;`;
  328.   extra.style.cssText = `
  329.             position: absolute;
  330.             display: flex;
  331.             flex-direction: column;
  332.             justify-content: center;
  333.             align-items: center;
  334.             background: rgba(255, 255, 255, 0.2);
  335.             border-radius: 3px;
  336.             padding: 1px;
  337.             color: var(--yt-spec-text-primary);
  338.             z-index: 9999;
  339.             right: 0;
  340.             top: 0;
  341.             width: 10%;
  342.             height: 90%;`;
  343.   icon.style.cssText = `
  344.             font-size: 2.1rem;`;
  345.   icon.innerText = '⇩';
  346.   text.innerText = serviceName;
  347.   settings.innerText = '☰';
  348.   downAudioOnly.innerText = '▶';
  349.   addButtonDownloadInfo(serviceName, text);
  350.   downAudioOnly.title = `Download audio only`;
  351.   settings.title = 'Settings';
  352.   downButtonOuter.appendChild(icon);
  353.   downButtonOuter.appendChild(text);
  354.   downButtonOuter.appendChild(extra);
  355.   downButtonOuter.appendChild(downButton);
  356.   extra.appendChild(settings);
  357.   extra.appendChild(downAudioOnly);
  358.   downButton.addEventListener('click', () => {
  359.     download();
  360.     downButtonOuter.style.backgroundColor = '';
  361.   });
  362.  
  363.   downAudioOnly.addEventListener('click', () => {
  364.     download(true);
  365.     downButtonOuter.style.backgroundColor = '';
  366.   });
  367.   settings.addEventListener('click', opencfg);
  368.   downButtonOuter.addEventListener('mouseenter', () => {
  369.     downButtonOuter.style.backgroundColor = 'var(--yt-spec-10-percent-layer)';
  370.   });
  371.   downButtonOuter.addEventListener('mouseleave', () => {
  372.     downButtonOuter.style.backgroundColor = '';
  373.   });
  374.   menu.insertBefore(downButtonOuter, menu.firstChild);
  375. }
  376.  
  377. function deleteSubscribeButton() {
  378.   const button = document.getElementById('custom-dwn-button-sub');
  379.   if (!button) return;
  380.   button.remove();
  381. }
  382.  
  383. function createSubscribeButton() {
  384.   if (!gmc.get('subscribeButton')) return;
  385.   const ownerBar = document.getElementById('owner');
  386.   if (!ownerBar) return;
  387.   const downButton = document.createElement('button');
  388.   downButton.id = 'custom-dwn-button-sub';
  389.   downButton.style.cssText = `
  390.           cursor: pointer;
  391.           font-size: 2rem;
  392.           padding: 8px 12px;
  393.           border: none;
  394.           border-radius: 15px;
  395.           margin-left: 8px;
  396.           line-height: 2rem;
  397.           font-weight: 500;
  398.           color: #0f0f0f;
  399.           backgroundColor: #f1f1f1;
  400.           font-family: "Roboto","Arial",sans-serif;
  401.           align-items: center;
  402.           text-transform: capitalize;`;
  403.   ownerBar.style.position = 'relative';
  404.   ownerBar.appendChild(downButton);
  405.   downButton.title = 'Download via ' + gmc.get('downloadService');
  406.   downButton.innerText = '⇩';
  407.   downButton.addEventListener('click', () => {
  408.     download();
  409.   });
  410. }
  411.  
  412. function watchMenu() {
  413.   menuIndex += 1;
  414.   menuOuter = null;
  415.   menuParent = null;
  416.   nextSibling = null;
  417.   if (menuMaxTries < menuIndex) {
  418.     menuIndex = 1;
  419.     clearTimeout(timeout);
  420.     return;
  421.   }
  422.   if (document.location.href.indexOf('youtube.com/shorts') > -1) {
  423.     const menuBtn = document.getElementById('menu-button');
  424.     if (!menuBtn) {
  425.       timeout = setTimeout(watchMenu, 500 * menuIndex);
  426.       return;
  427.     }
  428.     menuBtn.addEventListener('click', createButton);
  429.     menuIndex = 1;
  430.     clearTimeout(timeout);
  431.     return;
  432.   }
  433.   const topRow = document.getElementById('top-row');
  434.   const menuBtn = topRow.querySelector('#button-shape');
  435.   createSubscribeButton();
  436.   if (!topRow || !menuBtn) {
  437.     timeout = setTimeout(() => {
  438.       watchMenu();
  439.     }, 500 * menuIndex);
  440.     return;
  441.   }
  442.   menuBtn.addEventListener('click', createButton);
  443.   menuIndex = 1;
  444.   clearTimeout(timeout);
  445. }
  446.  
  447. function modifyMenu() {
  448.   if (document.location.href.indexOf('youtube.com/watch') === -1 && document.location.href.indexOf('youtube.com/shorts') === -1) return;
  449.   if (document.hidden) {
  450.     window.addEventListener('visibilitychange', () => {
  451.       if (document.hidden) return;
  452.       timeout = setTimeout(watchMenu, 500 * menuIndex);
  453.     });
  454.   } else timeout = setTimeout(watchMenu, 500 * menuIndex);
  455. }
  456.  
  457. function checkShort() {
  458.   if (document.location.href.indexOf('youtube.com/shorts') > -1 && gmc.get('redirectShorts')) window.location.replace(window.location.toString().replace('/shorts/', '/watch?v='));
  459. }
  460.  
  461. function onInit() {
  462.   const bodyList = document.querySelector('body');
  463.   checkShort();
  464.   modifyMenu();
  465.   const observer = new MutationObserver(function (mutations) {
  466.     mutations.forEach(function (mutation) {
  467.       if (oldHref != document.location.href) {
  468.         checkShort();
  469.         oldHref = document.location.href;
  470.         addMenu(true);
  471.         modifyMenu();
  472.       }
  473.     });
  474.   });
  475.   observer.observe(bodyList, {
  476.     childList: true,
  477.     subtree: true,
  478.   });
  479. }