☰

Add Spotify to YouTube

Adds a link to Spotify on music videos on YouTube

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

  1. // ==UserScript==
  2. // @name          Add Spotify to YouTube
  3. // @description   Adds a link to Spotify on music videos on YouTube
  4. // @include       *://youtube.*/*
  5. // @include       *://*.youtube.*/*
  6. // @version 0.0.1.20160408211356
  7. // @namespace https://greasyfork.org/users/3216
  8. // ==/UserScript==
  9.  
  10. // ==UserScript==
  11. // @name          Add Spotify Web Player link to YouTube
  12. // @description   Adds a link to Spotify Web Player on music videos on YouTube
  13. // @include       *://youtube.*/*
  14. // @include       *://*.youtube.*/*
  15. // ==/UserScript==
  16.  
  17. var userscript = function()
  18. {
  19.  
  20. // http://stackoverflow.com/questions/2246901/how-can-i-use-jquery-in-greasemonkey-scripts-in-google-chrome
  21. function addJQuery(callback) {
  22.   var script = document.createElement("script");
  23.   script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");
  24.   script.addEventListener('load', function() {
  25.     var script = document.createElement("script");
  26.     script.textContent = "window.jQ=jQuery.noConflict(true);(" + callback.toString() + ")();";
  27.     document.body.appendChild(script);
  28.   }, false);
  29.   document.body.appendChild(script);
  30. }
  31.  
  32. function main()
  33. {
  34.  
  35. var videoinfo = {url: top.location.href, complete: 0, text: "", timer: null, running: 0};
  36. var DEBUG = 0;
  37. var PLAYVERSION = 0;
  38. var DEBUGLOG;
  39.  
  40. if(DEBUG) DEBUGLOG = console;
  41. else { var TDEBUGLOG = function() { return {log: function() {}}; }; DEBUGLOG = TDEBUGLOG(); }
  42.  
  43. function IsMusic()
  44. {
  45. 	if(jQ('#eow-title #watch-headline-show-title').length !== 0) return 1;
  46. 	//if(jQ('#eow-category').text().trim() == "Music") return 1;
  47. 	var extrasismusic = false;
  48. 	jQ('.watch-extras-section .watch-meta-item').each(function(index)
  49. 	{
  50. 		var item = jQ(this);
  51. 		var title = item.find('.title').text().trim();
  52. 		var content = item.find('.content').text().trim();
  53. 		if(title == "Category" && content == "Music") extrasismusic = true;
  54. 		if(title == "Music") extrasismusic = true;
  55. 	});
  56. 	if(extrasismusic === true) return 1;
  57. 	
  58. 	var metadata = jQ('.metadata-info-title');
  59. 	for(var i = 0; i < metadata.length; i++)
  60. 	{
  61. 		if(metadata[i].innerText.match(/Buy ".*?" on|Artist/) !== null) return 1;
  62. 	}
  63.  
  64. 	if(jQ('#eow-title').text().split('-', 2).length == 2) return 1; // Might be dangerous!
  65. 	return 0;
  66. }
  67.  
  68. function GetVideoTitle()
  69. {
  70. 	var artistname;
  71. 	var trackname;
  72. 	var fullname;
  73.     var artist;
  74. 	
  75. 	var artist = jQ('#eow-title #watch-headline-show-title');
  76. 	if(artist.length !== 0 && !artistname)
  77. 	{
  78. 		artistname = artist.text();
  79. 	}
  80. 	
  81. 	artist = jQ('.metadata-info');
  82. 	if(artist.length !== 0 && !artistname)
  83. 	{
  84. 		for(var i = 0; i < artist.length; i++)
  85. 		{
  86. 			var tname = artist[i].innerText.match(/(Artist)[ \n\r]*(.*)/);
  87. 			if(tname)
  88. 			{
  89. 				if(tname[2].trim() != "Various Artists")
  90. 				{
  91. 					artistname = tname[2];
  92. 					break;
  93. 				}
  94. 			}
  95. 		}
  96. 	}
  97. 	
  98. 	if(!artistname || !trackname)
  99. 	{
  100. 		jQ('.watch-extras-section .watch-meta-item').each(function(index)
  101. 		{
  102. 			var item = jQ(this);
  103. 			var title = item.find('.title').text().trim();
  104. 			var content = item.find('.content').text().trim();
  105. 			if(title == "Music")
  106. 			{
  107. 				var musicsplit = content.split('by');
  108. 				var tname = musicsplit[0].match(/"(.*)"/)[1];
  109. 				var tartist = musicsplit[1].replace(/\([a-z• ]*\)$/i, '').trim();
  110. 				if(tartist !== "") artistname = tartist;
  111. 				if(tname !== "") trackname = tname;
  112. 			}
  113. 		});
  114. 	}
  115. 	
  116. 	if(!artistname)
  117. 	{
  118. 		var tname = jQ('#eow-title').text().split('-', 2);
  119. 		if(tname.length == 2)
  120. 		{
  121. 			artistname = tname[0].trim();
  122. 		}
  123. 	}
  124. 	
  125. 	var track = jQ('.metadata-info-title').text().match(/Buy "(.*?)" on/);
  126. 	if(track !== null && !trackname)
  127. 	{
  128. 		trackname = track[1];
  129. 	}
  130. 	
  131. 	if(!trackname)
  132. 	{
  133. 		//trackname = jQ('#eow-title').text().replace(artistname, "").replace(/-/, '').trim();
  134. 		var tname = jQ('#eow-title').text().split(/[-]+/, 2);
  135. 		if(tname.length == 2)
  136. 		{
  137. 			trackname = tname[1].trim();
  138. 		}
  139. 		else
  140. 		{
  141. 			trackname = trackname = jQ('#eow-title').text().replace(/-/, '').trim();
  142. 			if(artistname) trackname = trackname.replace(artistname, "");
  143. 		}
  144. 	}
  145. 	
  146. 	if(!artistname && trackname)
  147. 	{
  148. 		artistname = " ";
  149. 	}
  150. 	
  151. 	if(artistname && trackname)
  152. 	{
  153. 		trackname = trackname.replace(/\((.*?)\)|\[(.*?)\]| (Re)?mastered| f(ea)?t(uring)?(.)? .*|\"|\'/gi, "").trim();
  154. 		artistname = artistname.replace(/f(ea)?t(uring)?(.)? .*/gi, "").trim(); //  & .*
  155. 		return {artist: artistname, track: trackname};
  156. 	}
  157. 	else
  158. 	{
  159. 		if(!artistname) DEBUGLOG.log("failed to get artistname");
  160. 		if(!trackname) DEBUGLOG.log("failed to get trackname");
  161. 	}
  162. 	return 0;
  163. }
  164.  
  165. // http://stackoverflow.com/questions/3446170/escape-string-for-use-in-javascript-regex
  166. function escapeRegExp(str) {
  167.   return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
  168. }
  169.  
  170. // http://stackoverflow.com/a/21081760
  171. function wordInString(s, word){
  172.   return new RegExp( '\\b' + word + '\\b', 'i').test(s);
  173. }
  174.  
  175. function FindOriginal(title, data)
  176. {
  177. 	var scores = [];
  178. 	var highest = 0;
  179. 	var title_artist = title.artist.replace(/[^a-zA-Z ]/g, "").split(' ').filter(Boolean);
  180. 	var extra = [];
  181. 	if(!/remix/i.test(title.track))
  182. 	{
  183. 		extra.push("remix");
  184. 	}
  185.  
  186. 	for(var i = 0; i < Math.min(data.tracks.total, 10); i++)
  187. 	{
  188. 		var points = 0;
  189. 		var track = data.tracks.items[i];
  190. 		if(!new RegExp(escapeRegExp(title.track) + ' .*(radio|clean|live|remaster(ed)?|edit|karaoke|' + extra.join('|') + ')', 'gi').test(track.name))
  191. 		{
  192. 			points += 1;
  193. 		}
  194. 		
  195. 		var artists = track.artists;
  196. 		for(var x = 0; x < artists.length; x++)
  197. 		{
  198. 			if(new RegExp('(karaoke)', 'gi').test(track.name)) points -= 2;
  199. 			if(title_artist.some(function(str) { return wordInString(this, str); }, artists[x].name)) points += 1;
  200. 			if(title.artist == artists[x].name) points += 2; // Favour exact matches
  201. 		}
  202. 		scores[i] = points;
  203. 	}
  204. 	for(var i = 0; i < scores.length; i++) if(scores[i] > scores[highest]) highest = i;
  205. 	return highest;
  206. }
  207.  
  208. function CheckAddress()
  209. {
  210. 	if(window.location.href.match(/^(https?\:\/\/(www\.)?youtube.com\/watch)/))
  211. 	{
  212. 		return 1;
  213. 	}
  214. 	return 0;
  215. }
  216.  
  217. function AddSpotify()
  218. {
  219. 	if(!CheckAddress()) return 1;
  220.  
  221. 	videoinfo.complete = 0;
  222. 	if(IsMusic())
  223. 	{
  224. 		var title = GetVideoTitle();
  225. 		DEBUGLOG.log("title", title);
  226. 		if(title !== 0)
  227. 		{
  228. 			jQ.getJSON('//api.spotify.com/v1/search?q=' + encodeURIComponent(title.artist + " " + title.track) + "&type=track&limit=10", function(data)
  229. 			{
  230. 				DEBUGLOG.log("data", data);
  231. 				DEBUGLOG.log("fullname:", title.artist, title.track);
  232. 				if(data.tracks.total > 0)
  233. 				{
  234. 					var artists = [];
  235. 					var index = FindOriginal(title, data);
  236. 					DEBUGLOG.log("Index", index, "selected");
  237. 					var track = data.tracks.items[index];
  238. 					jQ.each(track.artists, function(key, val)
  239. 					{
  240. 						var artisturl = "";
  241. 						if(PLAYVERSION === 0) artisturl = val.uri;
  242. 						else artisturl = val.external_urls.spotify;
  243. 						artists.push('<a href="' + artisturl + '" ' + (PLAYVERSION ? 'target="_blank"' : '') + '>' + val.name + '</a>'); 
  244. 					});
  245. 					var artistsname = artists.join(", ");
  246. 					var trackname = track.name;
  247. 					
  248. 					var urltrack = "";
  249. 					if(PLAYVERSION === 0) urltrack = track.uri;
  250. 					else urltrack = track.external_urls.spotify;
  251. 					
  252. 					var htmloutput =  '<div class="youtubespotify yt-uix-menu" style="font-size: 70%"><a href="' + urltrack + '" ' + (PLAYVERSION ? 'target="_blank"' : '') + '>';
  253. 					htmloutput += '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAQhSURBVDhPhZVtSJ11GMZ/zznHoz56XHbsbFmtpgj5khuZWCO3hDnG+tLqy+hDRRBsxPoSFX4IIigZsQjWgogFoygI5iAsSpdrMqHhXEKzCUujhWe+TI969OiZL6frfp4jKS12w9/n5fz/131d133fj05GwW1iLn2D38eOE5/tYCZ9lZXVFMGAy6a8SkqL9lIVO0Jh7r3Z3RvjP6BLKwucvlJPfGaASC7khiAnAAEHVrVzeRXSy5C8hcCrebaml5xgfva0HxtAryfO8nV/s9hAfo7Agj5gSNdgFnRJoMsrlhwWBD6zCAe3d7K1eE8WRQSyV/5KdPJFXzPFAswTu5BAbBlwWCuknXYNWxItS5anZ9v/5eVm7/xaeExN8tEul6irQ2KYFxZTk677sMnX4VUxzJh0yV5Mw60sW1t2P5mCN5tSnhUe6KneGqZSA0TvgoICGP0TRq7B9LgAtNmkF0SgZAtsrZCX5ahw8nVOBZ0XqGxIKdndbjUv1F/BSS7GM8fOlXJ/DL7/HNpOZDXcIcoqoek52HNQKvQ8nYAJJXm9KU5w30vhd0aTF4iIyTcfQkLs8mTDw49C7ePwSIPud8ADYle4CeaTYib5iZvwazec/kRqxHbHLv99KBDGOXWxLjM+1+cVJ1KkrEsC2OZLtoIEtRzdo8pbn1gHTAmwux3OnIThAY8477WpDlGI5tfhHPvJ1TYzWC9VyckR6NGBod/k7XV5NiNwFS66GR6Un1WPwZNPw5aH/Nbq74HBfmh8xveYjIvT+iMZrx+1jOnLdX5mC0csTfKyirAgiesjdh+82AIN++TnlGzR7zYYVjTng05XqlKeVFeDMdirKqpotU8okSyxSTL5ASWdHIW+8/DzGbh0zgff3givfQSz0/5gOIjpyZ66zFiyj1wdMv+K7/F9HZb88az8gL1XovIa2FblK5iehI/f0rtaST8gA9V6xnJzkTztGmzJdP/RiivfCtUBX7XChW99Fv8XO/fD828okXw2hgsCtL61Xm2saMGZXYhn3v2ulJJCydUEJSRx4m+oVEGMdUjvzAIbgpFh+OUHaFfVLQ4dVeFkU1rzb6CT8vXt/XF/oj7trmF0dsBrKwO2tarKWhvZMk9tBe13G195365BqdkpdcX+qKZlWUxfrUO7NFEGarPf0uZSrBG1/jRmawXyelRhF8uxFiGBW7NbWxnLaSl5/4A/+7Jc2XVz+KkOJjQta5usPby17tm76tmYpSR1Sezs+abOHd7d4eFYeEy9O8XQxFlOdDUT0RDY18ljqvdrbC1st+eK/li15+Tnq02dlMX+/Z5uALUwKz47X8+1sQEKJNH7QEuPJ187V7SM3bwqXRGr5pXdd/jyr4/k4g0uDh9naLxD8q6SXkmpl11KIpWUx/bSUHZEim73Pwr+AWfotNJ4G681AAAAAElFTkSuQmCC">';
  254. 					htmloutput += ' ' + trackname + '</a> - ' + artistsname + '</div>';
  255. 					jQ('.youtubespotify').remove();
  256. 					jQ('#watch8-secondary-actions').append(htmloutput);
  257. 				}
  258. 				else
  259. 				{
  260. 					jQ('.youtubespotify').remove();
  261. 					DEBUGLOG.log("No song found");
  262. 				}
  263. 			});
  264. 		} else
  265. 		{
  266. 			jQ('.youtubespotify').remove();
  267. 			DEBUGLOG.log("failed to get title");
  268. 		}
  269. 	}
  270. 	else
  271. 	{
  272. 		DEBUGLOG.log("not music!!");
  273. 	}
  274. 	
  275. 	videoinfo.complete = 1;
  276. 	videoinfo.url = top.location.href;
  277. 	videoinfo.text = jQ('#eow-title').text().trim();
  278. }
  279.  
  280. AddSpotify();
  281.  
  282. function timerfunction()
  283. {
  284. 	videoinfo.running = 1;
  285. 	if(videoinfo.complete && videoinfo.url != top.location.href)
  286. 	{
  287. 		if(videoinfo.text != jQ('#eow-title').text().trim())
  288. 		{
  289. 			AddSpotify();
  290. 		}
  291. 	}
  292. }
  293.  
  294. window.addEventListener('focus', function()
  295. {
  296. 	clearInterval(videoinfo.timer);
  297. 	if(!videoinfo.running) videoinfo.timer = setInterval(timerfunction, CheckAddress() ? 1000 : 2000);
  298. });
  299.  
  300. window.addEventListener('blur', function()
  301. {
  302. 	clearInterval(videoinfo.timer);
  303. 	videoinfo.running = 0;
  304. });
  305.  
  306. }
  307.  
  308. addJQuery(main);
  309.  
  310. };
  311.  
  312. // http://stackoverflow.com/questions/7971930/how-to-call-youtube-flash-api-of-existing-videos-using-greasemonkey
  313. function addJS_Node (text, s_URL, funcToRun, runOnLoad) {
  314.     var D                                   = document;
  315.     var scriptNode                          = D.createElement ('script');
  316.     if (runOnLoad) {
  317.         scriptNode.addEventListener ("load", runOnLoad, false);
  318.     }
  319.     scriptNode.type                         = "text/javascript";
  320.     if (text)       scriptNode.textContent  = text;
  321.     if (s_URL)      scriptNode.src          = s_URL;
  322.     if (funcToRun)  scriptNode.textContent  = '(' + funcToRun.toString() + ')()';
  323.  
  324.     var targ = D.getElementsByTagName ('head')[0] || D.body || D.documentElement;
  325.     targ.appendChild (scriptNode);
  326. }
  327.  
  328. addJS_Node(null, null, userscript);