☰

Facebook Videos Downloader - Fork

Add download links for facebook videos (support video on newfeeds and single video page). Fork from EThaiZone version.

当前为 2015-10-30 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name            Facebook Videos Downloader - Fork
  3. // @description     Add download links for facebook videos (support video on newfeeds and single video page). Fork from EThaiZone version.
  4. // @author          nhtera
  5. // @match     //*.facebook.com/
  6. // @version 0.0.3.1
  7. // @namespace https://greasyfork.org/users/16893
  8. // ==/UserScript==
  9.  
  10. (function () {
  11.     
  12.     // Get the side bar so we can append to it later
  13.     var sidebar = document.getElementById('fbPhotoPageActions');
  14.     
  15.     function closest(el, selector) {
  16.         var matchesFn;
  17.  
  18.         // find vendor prefix
  19.         ['matches','webkitMatchesSelector','mozMatchesSelector','msMatchesSelector','oMatchesSelector'].some(function(fn) {
  20.             if (typeof document.body[fn] == 'function') {
  21.                 matchesFn = fn;
  22.                 return true;
  23.             }
  24.             return false;
  25.         })
  26.  
  27.         // traverse parents
  28.         while (el!==null) {
  29.             var parent = el.parentElement;
  30.             if (parent!==null && parent[matchesFn](selector)) {
  31.                 return parent;
  32.             }
  33.             el = parent;
  34.         }
  35.  
  36.         return null;
  37.     }
  38.     
  39.     function isElementInViewport (el) {
  40.  
  41.         //special bonus for those using jQuery
  42.         if (typeof jQuery === "function" && el instanceof jQuery) {
  43.             el = el[0];
  44.         }
  45.  
  46.         var rect = el.getBoundingClientRect();
  47.  
  48.         return (
  49.             rect.top >= 0 &&
  50.             rect.left >= 0 &&
  51.             rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
  52.             rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */
  53.         );
  54.     }
  55.  
  56.     function renderFBDownloader(counter) {
  57.  
  58.         // Get all the <embed> elements
  59.         var embedElements = document.querySelectorAll('embed[flashvars]');
  60.  
  61.         // Flag if we found the video url or not
  62.         var found = false;
  63.  
  64.         for (var i = 0; i < embedElements.length; i++) {
  65.             
  66.                     debugger
  67.             // Get the flashvars attribute and decode it
  68.             var flashvars = decodeURIComponent(embedElements[i].getAttribute('flashvars'));
  69.             var videoDiv = closest(embedElements[i], "div"); //"video");
  70.             if (videoDiv)  videoDiv = videoDiv.parentNode
  71.             else videoDiv = embedElements[i].parentNode ;
  72.  
  73.             // Check if this string contains the code we're looking for
  74.             var hd_src_index = flashvars.indexOf('hd_src');
  75.             var p_width_index = flashvars.indexOf('&width=');
  76.             if (hd_src_index > -1 && p_width_index > -1) {
  77.                 // This string contains the payload we are looking for so parse it
  78.                 var obj = JSON.parse(flashvars.slice(7, p_width_index));
  79.                 //var video_data = obj.video_data[0];
  80.                 var video_data = obj.video_data.progressive[0];
  81.  
  82.                 //var title = video_data.video_id;
  83.                 var title = video_data.video_id;
  84.                 if(document.querySelectorAll('h2.uiHeaderTitle')[0] !== undefined){
  85.                     if(document.querySelectorAll('h2.uiHeaderTitle')[0].innerText.length > 0){
  86.                         title = document.querySelectorAll('h2.uiHeaderTitle')[0].innerText;
  87.                     }
  88.                 }
  89.  
  90.                 // High Def
  91.                 if (video_data.hd_src)
  92.                 {
  93.                     var hd_link = document.createElement('a');
  94.                     hd_link.href = video_data.hd_src;
  95.                     hd_link.innerHTML = 'Download HD Video';
  96.                     hd_link.className = 'fbPhotosPhotoActionsItem';
  97.                     hd_link.download = title + '_hd.mp4';
  98.                     hd_link.target = "_blank";
  99.                     hd_link.style.position  = "relative";
  100.                     hd_link.style.zIndex = 9999;
  101.                     
  102.                     
  103.                     if(sidebar){
  104.                         if(!sidebar.getAttribute("data-linkdownhdloadadded")){
  105.                             sidebar.appendChild(hd_link);
  106.                             sidebar.setAttribute('data-linkdownhdloadadded', true);
  107.                         }
  108.                     }
  109.                     
  110.                     if(videoDiv){
  111.                         if(!videoDiv.getAttribute("data-linkdownhdloadadded")){
  112.                             hd_link.style.margin = "5px 0 0 5px";
  113.                             hd_link.style.color = "red";
  114.                             hd_link.style.cssFloat = "left";
  115.                             videoDiv.appendChild(hd_link);
  116.                             videoDiv.setAttribute('data-linkdownhdloadadded', true);
  117.                         }
  118.                     }
  119.                 }
  120.  
  121.                 // Low Def
  122.                 if (video_data.sd_src)
  123.                 {
  124.                     var sd_link = document.createElement('a');
  125.                     sd_link.href = video_data.sd_src;
  126.                     sd_link.innerHTML = 'Download SD Video';
  127.                     sd_link.className = 'fbPhotosPhotoActionsItem';
  128.                     sd_link.download = title + '_sd.mp4';
  129.                     sd_link.target = "_blank";
  130.                     sd_link.style.position  = "relative";
  131.                     sd_link.style.zIndex = 9999;
  132.                     
  133.                     if(sidebar){
  134.                         if(!sidebar.getAttribute("data-linkdownsdloadadded")){
  135.                             sidebar.appendChild(sd_link);
  136.                             sidebar.setAttribute('data-linkdownsdloadadded', true);
  137.                         }
  138.                     }
  139.                     
  140.                     if(videoDiv){
  141.                         if(!videoDiv.getAttribute("data-linkdownsdloadadded")){
  142.                             sd_link.style.color = "red";
  143.                             sd_link.style.cssFloat = "right";
  144.                             sd_link.style.margin = "5px 5px 0 0";
  145.                             videoDiv.appendChild(sd_link);
  146.                             videoDiv.setAttribute('data-linkdownsdloadadded', true);
  147.                         }
  148.                     }
  149.                 }
  150.  
  151.                 found = true;
  152.             } // end if
  153.  
  154.         } // end loop
  155.  
  156.         if (!found && counter > 20) {
  157.             //var not_found = document.createElement('span');
  158.             //not_found.innerHTML = 'No download link :(';
  159.             //sidebar.appendChild(not_found);
  160.         }
  161.         
  162.         return found;
  163.     }
  164.  
  165.     var counter = 0;
  166.     function doExec() {
  167.         counter++;
  168.         try {
  169.             log("Find flashvars. " + counter);
  170.             if (renderFBDownloader(counter) == true) {
  171.                 log("Video links rendered.");
  172.             } else {
  173.                 setTimeout(doExec, 1000);
  174.                 log("Try again.");
  175.             }
  176.         } catch(e) {
  177.             log("Error" + e);
  178.             setTimeout(doExec, 1000);
  179.         }
  180.     }
  181.  
  182.     function log(msg) {
  183.         //alert(msg);
  184.         console.log("[FB Video Downloader] " + msg);
  185.     }
  186.     log("First Start.");
  187.     doExec();
  188.     
  189.     function checkVideoInViews() {
  190.        var videoElements = document.querySelectorAll('video');
  191.         if(videoElements.length > 0){
  192.             var checkVideoOnView = isElementInViewport(videoElements[0]);
  193.             if(checkVideoOnView){
  194.                 doExec();
  195.             }
  196.         }
  197.     }
  198.  
  199.     var patternfbh = /facebook\.com\/(.*?)/;
  200.     if (!sidebar && document.URL.match(patternfbh)) {
  201.         if (window.removeEventListener) {
  202.             window.removeEventListener("scroll", checkVideoInViews);
  203.         } else if (window.detachEvent) {
  204.             window.detachEvent("scroll", checkVideoInViews);
  205.         }
  206.         
  207.         if (window.addEventListener) {
  208.             window.addEventListener("scroll", checkVideoInViews, false);
  209.         } else if (window.attachEvent)  {
  210.             window.attachEvent("onscroll", checkVideoInViews, false);
  211.         }
  212.     }
  213.     
  214. })();