MixCloud Download

Simple script that adds a download button on mixcloud.com

目前为 2015-10-24 提交的版本。查看 最新版本

  1. // ==UserScript==
  2. // @name MixCloud Download
  3. // @version 1.20
  4. // @description Simple script that adds a download button on mixcloud.com
  5. // @author FuSiOn
  6. // @match https://www.mixcloud.com/*
  7. // @grant none
  8. // @namespace https://greasyfork.org/users/10999
  9. // ==/UserScript==
  10.  
  11. var DL_B64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAJdnBBZwAAADMAAAAzAGNXrToAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTUtMTAtMjRUMjA6MjQ6MjcrMDI6MDDJ+GNnAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE1LTEwLTI0VDIwOjI0OjI2KzAyOjAwHtLQbwAAACF0RVh0Q3JlYXRpb24gVGltZQAyMDE1OjEwOjI0IDIwOjI0OjQ1I9WmGwAAA6VJREFUaEPtms8rdFEYx597h8SC2dgzJNlK8wdINiJGyWJYUP4DYmWD4Q9QysYoYjMpW8rSAiuapojsKFEo+THv+z3vc3Tf686495yDGc2n5JznnvOc53vuufeeH2Nl/0IG2NnZof39fUqn0/T09MRWbyoqKqi5uZmi0Si1t7ezVQ9tIefn5zQxMcE5oufnZyovL+ecN+4y8/PzVFdXxzk1tITc3t7S2NgY54je3t7Itm3O5cdddmlpicLhMOeC46/VHGxubnLqH35FAHdZt6+gKAtBj+K5kGlVZF340vGjLOTm5oZTwe6EG2ddp8+gKEfw8vLCKXPo+FQWYlkWp8yh41N9TBQYJSGFRklIoaEsxNBc8z90fJbuSKFREvJrvuy/5mEPhUKcMoeOT2UhlZWVnDKHjs+cS91MJkPX19f0+voqxq4cv+g1LEnPzs4omUwKmymGhoYoEomIJTTaBQgPf2i3traWmpqahN2NpxAEOTk5ybnCYm5uToh14zm0UNCpXPaOzlI0KLIt2TZATF4iQN5dlKmpKTo5ORH7UD8J9slaWlpodnaWLR/J+7CjIhx8tuH2lfgRAXzta+HOnJ6ecu57aWho+FQE8L1Bt7CwQAcHB5z7HlpbW2l8fJxz+fEtBGxtbdHq6uqXfAyd4AGPx+PU09PDls8J9EGEYzTw8PDAFvPAd1ARIPCXHQ2Mjo7S/f09W8wBn/AdVAQINLScpFIpWllZMfZqxttpeHiYent72RIMZSEAYtbX17Wn9AhhcHBQWQRQnjQCNIwANPrCiAigJQQggIGBASUxqIO6uiKAthAQi8Wos7MzkBiURR3UNYERIWBkZITq6+t9TSxRBmVRxxQh27an19bW6PLyktra2tisRkdHBx0eHor1BHrc/RKQNsxgcW6oy+LiIi0vL9PR0RHZx8fHouG9vT2+rEcikRAHm15vMthwDWVMgJgROzQYG1pOcvV2Y2OjkTvhhS3HdHV1tfhvio2NDerr6+McifTMzAznzCBjhgarv78/i3M8rMNxRFxM4GgcQwtCbLmU1DnQ/ClkzNDwHv1PL2dVcMb8LqSsrIxTxYMzZlsukq6ursT/YkLGDA324+OjMGAavbu7Ky4UA4hVbopAgxWNRrP4tQ7e8ZK7uztxEQ+RvGPO/SWQb7nrvIZfAcG/E7cvJ7nakbFUVVVRTU2NsEkuLi7ISiaT2e3tbTYVJ11dXWRjfdzd3f2h14oBxIzY4/E4/QFXc7RoQ80nZQAAAABJRU5ErkJggg==';
  12. $( document ).ready(function(){
  13. $('[m-preview]').each(function(){
  14. var container = $(this).parents('.container,.card-elements-container')[0],
  15. loc = $(this).attr("m-preview")
  16. .replace(/mp3$/,"m4a")
  17. .replace(/previews/,"c\/m4a\/64");
  18. $('.button-favorite',container)
  19. .after("<a href='" + loc + "' class='button card-button button-download cf ng-scope'></a>");
  20. $('.button-download',container).css({
  21. 'display' : 'flex',
  22. 'height' : '40px',
  23. 'line-height' : '40px',
  24. 'border-bottom' : 'none',
  25. 'border-top' : 'none',
  26. 'background-size' : '25px',
  27. 'width': '25px',
  28. 'background-repeat': 'no-repeat',
  29. 'background-position': '12px',
  30. 'background-image': 'url("' + DL_B64 + '")'
  31. });
  32. $('.card-footer',container).css({
  33. 'display' : 'flex',
  34. 'align-items': 'center',
  35. 'justify-content': 'center'
  36. });
  37. });
  38. $('.card-footer .button.card-button.light-icon').css('padding', '0 10px 0 35px')
  39. $('.button-download').on('mouseenter',function(){
  40. $(this).append('<span class="tooltip top" style="margin-left: -32px;">Download</span>');
  41. })
  42. $('.button-download').on('mouseleave',function(){
  43. $('.tooltip',this).remove()
  44. })
  45. });
  46. $(document).on('DOMNodeInserted', function(e) {
  47. var element = e.target;
  48. if($(element).find('[m-preview]').length > 0 && $(element).find('.button-download').length === 0){
  49. var container = $('[m-preview]',element).parents('.container,.card-elements-container')[0],
  50. loc = $('[m-preview]',element).attr("m-preview")
  51. .replace(/mp3$/,"m4a")
  52. .replace(/previews/,"c\/m4a\/64");
  53. $('.button-favorite',container)
  54. .after("<a href='" + loc + "' class='button card-button button-download cf ng-scope' m-tooltip='Download'></a>");
  55. $('.button-download',container).css({
  56. 'display' : 'flex',
  57. 'height' : '40px',
  58. 'line-height' : '40px',
  59. 'border-bottom' : 'none',
  60. 'border-top' : 'none',
  61. 'background-size' : '25px',
  62. 'width': '25px',
  63. 'background-repeat': 'no-repeat',
  64. 'background-position': '12px',
  65. 'background-image': 'url("' + DL_B64 + '")'
  66. });
  67. $('.card-footer',container).css({
  68. 'display' : 'flex',
  69. 'align-items': 'center',
  70. 'justify-content': 'center'
  71. });
  72. }
  73. });