☰

Simple YouTube MP3/VIDEO Buttons

Add two download buttons to YouTube videos that allow you to download MP3 or Video without leaving the page with the option to choose the quality.

当前为 2018-08-08 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Simple YouTube MP3/VIDEO Buttons
  3. // @namespace    https://youtubemp3api.com/
  4. // @version      0.4
  5. // @description  Add two download buttons to YouTube videos that allow you to download MP3 or Video without leaving the page with the option to choose the quality.
  6. // @author       Arari, dLehr, Rene (edited)
  7. // @include      http*://*.youtube.com/*
  8. // @include      http*://youtube.com/*
  9. // @include      http*://*.youtu.be/*
  10. // @include      http*://youtu.be/*
  11. // @run-at       document-end
  12. // ==/UserScript==
  13.  
  14. var lastId = ""
  15. function getYTId(url){ 
  16.   var regExp = /^.*((youtu.be\/)|(v\/)|(\/u\/\w\/)|(embed\/)|(watch\?))\??v?=?([^#\&\?]*).*/;
  17.   var match = url.match(regExp); 
  18.   return (match&&match[7].length==11)? match[7] : false; 
  19. } 
  20.  
  21. function audioMp3(){
  22.  
  23.     /* Create button */
  24.     var buttonDiv = document.createElement("div");
  25.     buttonDiv.style.width = "100%";
  26.     buttonDiv.id = "parentButton";
  27.     
  28.     var addButton = document.createElement("button");
  29.     addButton.appendChild(document.createTextNode("Download MP3"));
  30.     
  31.   if(typeof(document.getElementById("iframeDownloadButton")) != 'undefined' && document.getElementById("iframeDownloadButton") !== null)
  32.   		{
  33.  
  34.         document.getElementById("iframeDownloadButton").remove();
  35.  
  36.     	}
  37.  
  38.     addButton.style.width = "100%";
  39.     addButton.style.backgroundColor = "#181717";
  40.     addButton.style.color = "white";
  41.     addButton.style.textAlign = "center";
  42.     addButton.style.padding = "10px";
  43.     addButton.style.marginTop = "5px";
  44.     addButton.style.fontSize = "14px";
  45.     addButton.style.border = "0";
  46.     addButton.style.cursor = "pointer";
  47.     addButton.style.borderRadius = "2px";
  48.     addButton.style.fontFamily = "Roboto, Arial, sans-serif";
  49.  
  50.   
  51.     addButton.onclick = function () {
  52.       
  53.       if(document.getElementById("iframeDownloadButton") !== null)
  54.   	{
  55.  
  56.         document.getElementById("iframeDownloadButton").remove();
  57.  
  58.    	}
  59.       
  60.                            
  61.         /* Add large button on click */
  62.         var ytId = getYTId(location.href);
  63.         if(!ytId)return;
  64.         var addIframe = document.createElement("iframe");
  65.         addIframe.src = '//www.recordmp3.co/#/watch?v='+ytId + '&layout=button';
  66.       
  67.         addIframe.style.width = "300px";
  68.         addIframe.style.height = "40px";
  69.         addIframe.style.marginTop = "0px";
  70.         addIframe.border = "0px";
  71.         addIframe.id = "iframeDownloadButton";
  72.       
  73.         
  74.         var targetElement = document.querySelectorAll("[id='meta']");
  75.  
  76.         for(var i = 0; i < targetElement.length; i++){
  77.  
  78.             if(targetElement[i].className.indexOf("ytd-watch") > -1)
  79.             	{
  80.  
  81.                 targetElement[i].insertBefore(addIframe, targetElement[i].childNodes[0]);
  82.                 
  83.             	}
  84.         }
  85.  
  86.     };
  87.  
  88.     buttonDiv.appendChild(addButton);
  89.  
  90.     /* Find and add to target */
  91.     var targetElement = document.querySelectorAll("[id='subscribe-button']");
  92.  
  93.     for(var i = 0; i < targetElement.length; i++){
  94.  
  95.         if(targetElement[i].className.indexOf("ytd-video-secondary-info-renderer") > -1){
  96.  
  97.             targetElement[i].appendChild(buttonDiv);
  98.  
  99.         }
  100.  
  101.     }
  102.  
  103.  
  104. }
  105.  
  106.  
  107. function videoMp4(){
  108.  
  109.     /* Create button */
  110.     var buttonDiv = document.createElement("div");
  111.     buttonDiv.style.width = "100%";
  112.     buttonDiv.id = "parentButton";
  113.     
  114.     var addButton = document.createElement("button");
  115.     addButton.appendChild(document.createTextNode("Download VIDEO"));
  116.     
  117.   if(typeof(document.getElementById("iframeDownloadButton")) != 'undefined' && document.getElementById("iframeDownloadButton") !== null){
  118.  
  119.         document.getElementById("iframeDownloadButton").remove();
  120.  
  121.     }
  122.  
  123.     addButton.style.width = "100%";
  124.     addButton.style.backgroundColor = "#181717";
  125.     addButton.style.color = "white";
  126.     addButton.style.textAlign = "center";
  127.     addButton.style.padding = "10px";
  128.     addButton.style.marginTop = "5px";
  129.     addButton.style.fontSize = "14px";
  130.     addButton.style.border = "0";
  131.     addButton.style.cursor = "pointer";
  132.     addButton.style.borderRadius = "2px";
  133.     addButton.style.fontFamily = "Roboto, Arial, sans-serif";
  134.  
  135.     addButton.onclick = function () {
  136.  
  137.         if(document.getElementById("iframeDownloadButton") !== null)
  138.   	{
  139.  
  140. 		document.getElementById("iframeDownloadButton").remove();
  141.     	}
  142.                 
  143.         /* Add large button on click */
  144.         var ytId = getYTId(location.href);
  145.         if(!ytId)return;
  146.         var addIframe = document.createElement("iframe");
  147.         addIframe.src = '//www.recordmp3.co/#/watch?v=' + ytId + '&layout=button&format=video';
  148.       
  149.         addIframe.style.width = "300px";
  150.         addIframe.style.height = "40px";
  151.         addIframe.style.marginTop = "0px";
  152.         addIframe.border = "0px";
  153.         addIframe.id = "iframeDownloadButton";
  154.       
  155.         var targetElement = document.querySelectorAll("[id='meta']");
  156.  
  157.         for(var i = 0; i < targetElement.length; i++){
  158.  
  159.             if(targetElement[i].className.indexOf("ytd-watch") > -1){
  160.  
  161.                 targetElement[i].insertBefore(addIframe, targetElement[i].childNodes[0]);
  162.  
  163.             }
  164.         }
  165.  
  166.     };
  167.  
  168.     buttonDiv.appendChild(addButton);
  169.  
  170.     /* Find and add to target */
  171.     var targetElement = document.querySelectorAll("[id='subscribe-button']");
  172.  
  173.     for(var i = 0; i < targetElement.length; i++){
  174.  
  175.         if(targetElement[i].className.indexOf("ytd-video-secondary-info-renderer") > -1){
  176.  
  177.             targetElement[i].appendChild(buttonDiv);
  178.  
  179.         }
  180.  
  181.     }
  182.     
  183. }
  184.     
  185.  
  186. if(document.getElementById("polymer-app") || document.getElementById("masthead") || window.Polymer){
  187.  
  188.     setInterval(function(){
  189.  
  190.         if(window.location.href.indexOf("watch?v=") < 0){
  191.  
  192.             return false;
  193.  
  194.         }
  195.  
  196.         if(document.getElementById("count") && document.getElementById("parentButton") === null){
  197.  
  198.             audioMp3(), videoMp4();
  199.  
  200.         }
  201.  
  202.     }, 100);
  203.  
  204. }
  205.  
  206. else{
  207.  
  208.     standardInject();
  209.   
  210.  
  211. }