Download YouTube Videos

SUBMITTED BY: AnD888

DATE: Oct. 7, 2016, 6:01 p.m.

FORMAT: Text only

SIZE: 11.1 kB

Raw Download

HITS: 1448

Report
  1. // ==UserScript==
  2. // @name Download YouTube Videos
  3. // @namespace http://userscripts.org/users/90251
  4. // @description Adds a download menu to YouTube videos.
  5. // @include http://*.youtube.com/*
  6. // @include http://youtube.com/*
  7. // @include https://*.youtube.com/*
  8. // @include https://youtube.com/*
  9. // ==/UserScript==
  11. ((function (code) {
  12. "use strict";
  13. // run script inside of the document so it can access JavaScript objects created by YouTube
  14. var s = document.createElement("script");
  15. s.appendChild(document.createTextNode("("+code.toString()+")();"));
  16. document.head.appendChild(s);
  17. })(function () {
  18. "use strict";
  20. function clickButton (event) {
  21. var els = this.parentNode.getElementsByClassName("yt-uix-button-toggled");
  22. for (var i = 0; i < els.length; ++ i) {
  23. els[i].classList.remove("yt-uix-button-toggled");
  24. }
  25. this.classList.add("yt-uix-button-toggled");
  26. event.preventDefault();
  27. }
  29. function createMenu (videos) {
  30. var lists = [];
  31. var types = {};
  32. for (var i = 0; i < videos.videos.length; ++ i) {
  33. var video = videos.videos[i];
  34. var res = video.size ? video.size.height+'p' : 'Unknown Size';
  35. var type = video.type.split(';')[0].split('/')[1].replace(/^x-/,'');
  36. var url = video.url;
  37. if (video.sig) url += "&signature="+video.sig;
  38. var item = [video.size ? video.size.height : 0, res, url];
  39. if (type in types) {
  40. types[type].push(item);
  41. }
  42. else {
  43. lists.push([type, (types[type] = [item])]);
  44. }
  45. }
  46. lists.sort(function (lhs,rhs) {
  47. lhs = lhs[0];
  48. rhs = rhs[0];
  49. return lhs < rhs ? -1 : (lhs > rhs ? 1 : 0);
  50. });
  52. var filename = (videos.title + (videos.user ? " by " + videos.user : "")).
  53. replace(/["\?]/g,'').
  54. replace(/[:;<>\*\|\/\\]/g,' ').
  55. replace(/\s\s+/g,' ').
  56. replace(/^\s+/,'').
  57. replace(/\s+$/,'')+".";
  59. var menu = document.createElement('div');
  60. menu.id = "action-panel-download";
  61. menu.className = "action-panel-content hid";
  62. menu.setAttribute("data-panel-loaded","true");
  63. menu.style.lineHeight = "1.5";
  65. for (var i = 0; i < lists.length; ++ i) {
  66. var type = lists[i];
  67. var downloads = type[1];
  68. var div = document.createElement('div');
  69. var ul = document.createElement('ul');
  70. var title = document.createElement('strong');
  71. type = type[0];
  72. title.appendChild(document.createTextNode(type));
  73. ul.style.textAlign = "right";
  74. ul.style.listStyle = "none";
  75. ul.style.margin = "0";
  76. ul.style.padding = "0";
  77. div.style.marginRight = "20px";
  78. div.style.display = "inline-block";
  79. div.style.verticalAlign = "top";
  80. downloads.sort(function (lhs,rhs) { return lhs[0] - rhs[0]; });
  82. for (var j = 0; j < downloads.length; ++ j) {
  83. var download = downloads[j];
  84. var li = document.createElement('li');
  85. var a = document.createElement('a');
  86. a.href = download[2];
  87. a.setAttribute("download", filename+type);
  88. a.appendChild(document.createTextNode(download[1]));
  89. li.appendChild(a);
  90. ul.appendChild(li);
  91. }
  93. div.appendChild(title);
  94. div.appendChild(ul);
  95. menu.appendChild(div);
  96. }
  98. return menu;
  99. }
  101. function createMenuButton () {
  102. var btn = document.createElement('button');
  103. var span = document.createElement('span');
  104. btn.type = 'button';
  105. span.className = 'yt-uix-button-content';
  106. span.appendChild(document.createTextNode('Download'));
  107. btn.appendChild(span);
  108. btn.className = 'action-panel-trigger yt-uix-button yt-uix-button-text yt-uix-button-download';
  109. btn.addEventListener('click', clickButton, false);
  110. btn.setAttribute('data-trigger-for','action-panel-download');
  111. btn.setAttribute('role','button');
  112. return btn;
  113. }
  115. function createSidebar (videos) {
  116. var toolbar = document.getElementById("docs-toolbar-wrapper");
  118. var sidebar = document.createElement('div');
  119. var hdr = document.createElement('div');
  120. var close = document.createElement('div');
  121. var icon = document.createElement('div');
  122. var img = document.createElement('div');
  123. var details = document.createElement('div');
  124. var menu = createMenu(videos);
  126. sidebar.id = 'docs-details-sidebar';
  127. sidebar.style.top = toolbar ? (toolbar.offsetTop + toolbar.offsetParent.offsetTop)+'px' : '0px';
  128. sidebar.style.bottom = '0px';
  129. hdr.id = 'docs-details-sidebar-header';
  130. close.id = 'docs-details-sidebar-close';
  131. close.tabindex = '0';
  132. close.title = 'Close';
  133. close.setAttribute('onclick', 'this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);');
  134. icon.className = 'docs-icon goog-inline-block ';
  135. img.className = 'docs-icon-img-container docs-icon-img docs-icon-close-white';
  136. details.className = 'docs-details-sidebar-details jfk-sidebar';
  137. menu.style.marginTop = '10px';
  138. menu.style.textAlign = 'center';
  140. img.appendChild(document.createTextNode('\u00A0'));
  141. icon.appendChild(img);
  142. close.appendChild(icon);
  143. hdr.appendChild(document.createTextNode('Download'));
  144. hdr.appendChild(close);
  145. sidebar.appendChild(hdr);
  146. details.appendChild(menu);
  147. sidebar.appendChild(details);
  149. return sidebar;
  150. }
  152. function insertForm (videos) {
  153. var actions = document.getElementById("watch7-secondary-actions");
  154. if (!actions) {
  155. var sidebar = document.getElementById("docs-details-sidebar");
  157. if (sidebar) {
  158. sidebar.parentNode.removeChild(sidebar);
  159. }
  160. document.body.appendChild(createSidebar(videos));
  161. return;
  162. }
  164. var after = document.getElementById("watch-actions-share");
  166. if (!after || after.parentNode != actions) {
  167. if (actions.getElementsByClassName) {
  168. after = actions.getElementsByClassName("clear");
  169. after = after[after.length-1];
  170. }
  171. }
  173. if (!after) {
  174. after = actions.lastElementChild;
  175. }
  177. var menu = createMenu(videos);
  178. var btn = createMenuButton();
  180. menu.style.display = 'none';
  182. if (after) {
  183. actions.insertBefore(btn, after);
  184. }
  185. else {
  186. actions.appendChild(btn);
  187. }
  189. document.getElementById('watch7-action-panels').appendChild(menu);
  190. }
  192. function parseVars (vars) {
  193. vars = vars.split("&");
  194. var map = {};
  195. for (var i = 0; i < vars.length; ++ i) {
  196. var v = vars[i];
  197. var j = v.search("=");
  198. if (j < 0) j = v.length;
  199. var key = decodeURIComponent(v.slice(0,j).replace(/\+/g, ' '));
  200. var value = decodeURIComponent(v.slice(j+1).replace(/\+/g, ' ') || "");
  202. if (key in map) {
  203. var old = map[key];
  204. if (typeof(old) === "string") {
  205. map[key] = [old, value];
  206. }
  207. else {
  208. old.push(value);
  209. }
  210. }
  211. else {
  212. map[key] = value;
  213. }
  214. }
  215. return map;
  216. }
  218. function findJSConfig () {
  219. if (window.ytplayer && window.ytplayer.config) {
  220. return window.ytplayer.config.args;
  221. }
  222. if (window.yt && window.yt.playerConfig) {
  223. return window.yt.playerConfig.args;
  224. }
  225. var scripts = document.getElementsByTagName("script");
  226. for (var i = scripts.length - 1; i >= 0; -- i) {
  227. var script = scripts[i];
  228. var code = script.textContent || script.text;
  229. var m = /;\s*ytplayer\.config\s*=\s*(.*);\(function\(\).*\(\)\);\s*$/m.exec(code) || /\byt\.playerConfig\s*=\s*(.*);\s*$/m.exec(code);
  230. if (m) {
  231. try {
  232. return JSON.parse(m[1]).args;
  233. }
  234. catch (e) {}
  235. }
  236. }
  238. return null;
  239. }
  241. function findFlashConfig () {
  242. var movie_player = document.getElementById("movie_player") || document.getElementById("vpl1");
  243. if (!movie_player) {
  244. return null;
  245. }
  247. var flashvars;
  249. if (movie_player.nodeName === 'OBJECT') {
  250. flashvars = movie_player.querySelector('param[name=flashvars]');
  252. if (!flashvars) {
  253. return null;
  254. }
  256. flashvars = flashvars.getAttribute('value');
  257. }
  258. else {
  259. flashvars = movie_player.getAttribute('flashvars');
  260. }
  262. if (!flashvars) {
  263. return null;
  264. }
  266. return parseVars(flashvars);
  267. }
  269. function parseFmtStreamMap (map, sizes) {
  270. var videos = [];
  271. map = map.split(',');
  272. for (var i = 0; i < map.length; ++ i) {
  273. var video = parseVars(map[i]);
  274. var size = video.size;
  275. if (size) {
  276. size = size.split('x');
  277. video.size = {
  278. width: parseInt(size[0], 10),
  279. height: parseInt(size[1], 10)
  280. };
  281. }
  282. else {
  283. video.size = sizes[video.itag];
  284. }
  285. videos.push(video);
  286. }
  287. return videos;
  288. }
  290. function getVideos () {
  291. var config = findFlashConfig();
  293. if (!config) {
  294. config = findJSConfig();
  295. }
  297. if (!config || !config.url_encoded_fmt_stream_map) {
  298. return null;
  299. }
  301. var fmt_list = config.fmt_list ? config.fmt_list.split(',') : [];
  302. var sizes = {};
  303. for (var i = 0; i < fmt_list.length; ++ i) {
  304. var v = fmt_list[i].split('/');
  305. var size = v[1].split('x');
  306. sizes[v[0]] = {
  307. width: parseInt(size[0], 10),
  308. height: parseInt(size[1], 10)
  309. };
  310. }
  312. var videos = parseFmtStreamMap(config.url_encoded_fmt_stream_map, sizes);
  314. // these aren't really files but streams in some obscure binary format that separates audio and video
  315. // if (config.adaptive_fmts) {
  316. // videos.push.apply(videos, parseFmtStreamMap(config.adaptive_fmts, sizes));
  317. // }
  319. var title = config.title;
  321. if (!title) {
  322. title = document.querySelector("*[itemscope] *[itemprop='name'], head meta[name='title']");
  324. if (title) {
  325. title = title.getAttribute("content");
  326. }
  327. else {
  328. title = config.video_id;
  329. }
  330. }
  332. var user = document.querySelector("a[rel='author']");
  334. if (user) {
  335. user = (user.getAttribute("title") || user.textContent || user.text || '').replace(/^\s+/,'').replace(/\s+$/,'') || null;
  336. }
  338. if (!user) {
  339. user = document.querySelector("*[itemscope][itemprop='author'] link[itemprop='url']");
  340. if (user) {
  341. user = user.getAttribute("href").split("/").pop();
  342. }
  343. }
  345. return {title: title, user: user, videos: videos};
  346. }
  348. var retry_count = 0;
  349. function retryLater () {
  350. setTimeout(function () {
  351. var videos = getVideos();
  352. if (videos) {
  353. insertForm(videos);
  354. }
  355. else if (retry_count < 5) {
  356. ++ retry_count;
  357. retryLater();
  358. }
  359. }, 1000);
  360. }
  362. var videos = getVideos();
  363. if (videos) {
  364. insertForm(videos);
  365. handleDynamicUpdates();
  366. }
  367. else if (!document.body) {
  368. window.addEventListener("load",function () {
  369. var videos = getVideos();
  370. if (videos) {
  371. insertForm(videos);
  372. }
  373. else {
  374. retryLater();
  375. }
  376. handleDynamicUpdates();
  377. },false);
  378. }
  379. else {
  380. retryLater();
  381. handleDynamicUpdates();
  382. }
  384. function handleDynamicUpdates () {
  385. var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
  386. if (!MutationObserver) return;
  387. var observer = new MutationObserver(function (mutations) {
  388. for (var i = 0; i < mutations.length; ++ i) {
  389. var mutation = mutations[i];
  391. if (mutation.type === "childList") {
  392. for (var j = 0; j < mutation.addedNodes.length; ++ j) {
  393. var node = mutation.addedNodes[j];
  394. if (node.nodeType === 1 && (node.id === "watch7-container" || node.querySelector("#watch7-container"))) {
  395. var videos = getVideos();
  396. if (videos) {
  397. insertForm(videos);
  398. }
  399. }
  400. }
  401. }
  402. }
  403. });
  405. observer.observe(document.body, {childList: true, subtree: true});
  406. }
  408. }));
comments powered by Disqus