☰

Add Spotify to YouTube

Adds a link to Spotify on music videos on YouTube

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

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