☰

Add Spotify to YouTube

Adds a link to Spotify on music videos on YouTube

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

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