☰

Add Spotify to YouTube

Adds a link to Spotify on music videos on YouTube

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