☰

Add Spotify to YouTube

Adds a link to Spotify on music videos on YouTube

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

  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.20140704193758
  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.  
  30. function IsMusic()
  31. {
  32. 	if(jQ('#eow-title #watch-headline-show-title').length != 0) return 1;
  33. 	if(jQ('#eow-category').text() == "Music") return 1;
  34. 	
  35. 	var metadata = jQ('.metadata-info-title');
  36. 	for(var i = 0; i < metadata.length; i++)
  37. 	{
  38. 		if(metadata[i].innerText.match(/Buy ".*?" on|Artist/) != null) return 1;
  39. 	}
  40.  
  41. 	if(jQ('#eow-title').text().split('-', 2).length == 2) return 1; // Might be dangerous!
  42. 	return 0;
  43. }
  44.  
  45. function GetVideoTitle()
  46. {
  47. 	var artistname;
  48. 	var trackname;
  49. 	var fullname;
  50. 	
  51. 	var artist = jQ('#eow-title #watch-headline-show-title');
  52. 	if(artist.length != 0 && !artistname)
  53. 	{
  54. 		artistname = artist.text();
  55. 	}
  56. 	
  57. 	var artist = jQ('.metadata-info');
  58. 	if(artist.length != 0 && !artistname)
  59. 	{
  60. 		for(var i = 0; i < artist.length; i++)
  61. 		{
  62. 			var tname = artist[i].innerText.match(/(Artist)[ \n\r]*(.*)/);
  63. 			if(tname)
  64. 			{
  65. 				if(tname[2].trim() != "Various Artists")
  66. 				{
  67. 					artistname = tname[2];
  68. 					break;
  69. 				}
  70. 			}
  71. 		}
  72. 	}
  73. 	
  74. 	if(!artistname)
  75. 	{
  76. 		var tname = jQ('#eow-title').text().split('-', 2);
  77. 		if(tname.length == 2)
  78. 		{
  79. 			artistname = tname[0].trim();
  80. 		}
  81. 	}
  82. 	
  83. 	var track = jQ('.metadata-info-title').text().match(/Buy "(.*?)" on/);
  84. 	if(track != null && !trackname)
  85. 	{
  86. 		trackname = track[1];
  87. 	}
  88. 	
  89. 	if(!trackname)
  90. 	{
  91. 		//trackname = jQ('#eow-title').text().replace(artistname, "").replace(/-/, '').trim();
  92. 		var tname = jQ('#eow-title').text().split(/[-]+/, 2);
  93. 		if(tname.length == 2)
  94. 		{
  95. 			trackname = tname[1].trim();
  96. 		}
  97. 		else
  98. 		{
  99. 			trackname = trackname = jQ('#eow-title').text().replace(/-/, '').trim();
  100. 			if(artistname) trackname = trackname.replace(artistname, "");
  101. 		}
  102. 	}
  103. 	
  104. 	if(artistname && trackname)
  105. 	{
  106. 		trackname = trackname.replace(/\((.*?)\)|\[(.*?)\]| (Re)?mastered| f(ea)?t(uring)?(.)? .*|\"|\'/gi, "").trim();
  107. 		artistname = artistname.replace(/f(ea)?t(uring)?(.)? .*/gi, "").trim(); //  & .*
  108. 		return {artist: artistname, track: trackname};
  109. 	}
  110. 	else
  111. 	{
  112. 		if(!artistname) console.log("failed to get artistname");
  113. 		if(!trackname) console.log("failed to get trackname");
  114. 	}
  115. 	return 0;
  116. }
  117.  
  118. // http://stackoverflow.com/questions/3446170/escape-string-for-use-in-javascript-regex
  119. function escapeRegExp(str) {
  120.   return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
  121. }
  122.  
  123. function FindOriginal(title, data)
  124. {
  125. 	extra = [];
  126. 	if(!/remix/i.test(title.track))
  127. 	{
  128. 		extra.push("remix");
  129. 	}
  130.  
  131. 	for(var i = 0; i < Math.min(data.info.num_results, 5); i++)
  132. 	{
  133. 		track = data.tracks[i];
  134. 		if(!new RegExp(escapeRegExp(title.track) + ' .*(radio|clean|live|remaster(ed)?|edit|' + extra.join('|') + ')', 'gi').test(track.name))
  135. 		{
  136. 			return i;
  137. 		}
  138. 	}
  139. 	return 0;
  140. }
  141.  
  142. function CheckAddress()
  143. {
  144. 	if(window.location.href.match(/^(https?\:\/\/(www\.)?youtube.com\/watch)/))
  145. 	{
  146. 		return 1;
  147. 	}
  148. 	return 0;
  149. }
  150.  
  151. function AddSpotify()
  152. {
  153. 	if(!CheckAddress()) return 1;
  154.  
  155. 	videoinfo.complete = 0;
  156. 	if(IsMusic())
  157. 	{
  158. 		var title = GetVideoTitle();
  159. 		console.log("title", title);
  160. 		if(title != 0)
  161. 		{
  162. 			jQ.getJSON('//ws.spotify.com/search/1/track.json?q=' + encodeURIComponent(title.artist + " " + title.track), function(data)
  163. 			{
  164. 				console.log("data", data);
  165. 				console.log("fullname:", title.artist, title.track);
  166. 				if(data.info.num_results > 0)
  167. 				{
  168. 					var artists = [];
  169. 					var index = FindOriginal(title, data);
  170. 					console.log("Index", index, "selected");
  171. 					var track = data.tracks[index];
  172. 					jQ.each(track.artists, function(key, val) { artists.push('<a href="' + val.href + '">' + val.name + '</a>'); });
  173. 					var artistsname = artists.join(", ");
  174. 					var trackname = track.name;
  175. 					
  176. 					var htmloutput =  '<div class="youtubespotify" style="font-size: 70%"><a href="' + track.href + '">';
  177. 					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">';
  178. 					htmloutput += ' ' + trackname + '</a> - ' + artistsname + '</div>';
  179. 					jQ('.youtubespotify').remove();
  180. 					jQ('#watch-headline-title').append(htmloutput);
  181. 				}
  182. 				else
  183. 				{
  184. 					jQ('.youtubespotify').remove();
  185. 					console.log("No song found");
  186. 				}
  187. 			});
  188. 		} else
  189. 		{
  190. 			jQ('.youtubespotify').remove();
  191. 			console.log("failed to get title");
  192. 		}
  193. 	}
  194. 	else
  195. 	{
  196. 		console.log("not music!!");
  197. 	}
  198. 	
  199. 	videoinfo.complete = 1;
  200. 	videoinfo.url = top.location.href;
  201. 	videoinfo.text = jQ('#eow-title').text().trim();
  202. }
  203.  
  204. AddSpotify();
  205.  
  206. function timerfunction()
  207. {
  208. 	videoinfo.running = 1;
  209. 	if(videoinfo.complete && videoinfo.url != top.location.href)
  210. 	{
  211. 		if(videoinfo.text != jQ('#eow-title').text().trim())
  212. 		{
  213. 			AddSpotify();
  214. 		}
  215. 	}
  216. }
  217.  
  218. window.addEventListener('focus', function()
  219. {
  220. 	clearInterval(videoinfo.timer);
  221. 	if(!videoinfo.running) videoinfo.timer = setInterval(timerfunction, CheckAddress() ? 1000 : 2000);
  222. });
  223.  
  224. window.addEventListener('blur', function()
  225. {
  226. 	clearInterval(videoinfo.timer);
  227. 	videoinfo.running = 0;
  228. });
  229.  
  230. }
  231.  
  232. addJQuery(main);
  233.  
  234. };
  235.  
  236. // http://stackoverflow.com/questions/7971930/how-to-call-youtube-flash-api-of-existing-videos-using-greasemonkey
  237. function addJS_Node (text, s_URL, funcToRun, runOnLoad) {
  238.     var D                                   = document;
  239.     var scriptNode                          = D.createElement ('script');
  240.     if (runOnLoad) {
  241.         scriptNode.addEventListener ("load", runOnLoad, false);
  242.     }
  243.     scriptNode.type                         = "text/javascript";
  244.     if (text)       scriptNode.textContent  = text;
  245.     if (s_URL)      scriptNode.src          = s_URL;
  246.     if (funcToRun)  scriptNode.textContent  = '(' + funcToRun.toString() + ')()';
  247.  
  248.     var targ = D.getElementsByTagName ('head')[0] || D.body || D.documentElement;
  249.     targ.appendChild (scriptNode);
  250. }
  251.  
  252. addJS_Node(null, null, userscript);