music.163.com v1.1.0

music.163.com

🎵网易云音乐 web shortcut

• 因为我懒，懒得安装网易云音乐客户端，我就用web版！🌚
• 因为我懒，懒得安装Chrome-extension。🌚（例如这个，https://github.com/kikyous/music.163.com）
• 因为我懒，懒得安装CLI。🌚（例如这个，https://github.com/l04m33/music163）

Shortcut

Preview

Usage

1. 打开Chrome，cmd + D（添加书签），点击修改，名字随意，网址拷贝以下代码（或者dist.js的内容）。

javascript:!function(){"use strict";function t(t,e){return e={exports:{}},t(e,e.exports),e.exports}function e(){function t(){[n,r.contentWindow.document].forEach(function(t,n){var o=t.body;void 0===o.dataset.shortcut&&(o.dataset.shortcut="",n&&!function(){t.head.appendChild(u());var e=function(){var t=h.init();t.dataset.bubble="",o.appendChild(t),t.width=parseInt(getComputedStyle(t).width),t.height=parseInt(getComputedStyle(t).height)},n=function t(){"pause"==l.dataset.action?(setTimeout(t,1400*(1-v.value())+600),h.animate()):setTimeout(t,100)};h.stage?e():(e(),n())}(),t[i]("keydown",e,!1))})}function e(t){if(!t.target.matches("input,textarea")){if(32==t.keyCode)return l.click(),t.preventDefault(),!1;if(37==t.keyCode)return a.click(),t.preventDefault(),!1;if(39==t.keyCode)return A.click(),t.preventDefault(),!1;if(38==t.keyCode){var e=v.value();return e+=.1,e=e>1?1:e,v.value(e),t.preventDefault(),!1}if(40==t.keyCode){var n=v.value();return n-=.1,n=n<0?0:n,v.value(n),t.preventDefault(),!1}if(13==t.keyCode)return c.click(),t.preventDefault(),!1;if(9==t.keyCode){var i=this.querySelector("input")||d;return i==document.activeElement?i.blur():i.focus(),t.preventDefault(),!1}}}var r=o("iframe"),a=o('[data-action="prev"]'),A=o('[data-action="next"]'),c=o('[data-action="panel"]'),l=o('[data-action="play"],[data-action="pause"]'),d=o("input");n.head.appendChild(u()),v.init(o('[data-action="volume"]')),t(),r[i]("load",t,!1)}var n=document,i="addEventListener",o=document.querySelector.bind(n),r='body[data-shortcut]::after {\n  content: "";\n  position: fixed;\n  right: 16px;\n  bottom: 18px;\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  background: #c70c0c url(IMAGE) center no-repeat;\n  background-size: 30px 30px;\n  z-index: 9999;\n  box-shadow: 0 0 20px 5px rgba(199, 12, 12, 0.3); }\n\nbody[data-shortcut] > canvas[data-bubble] {\n  position: fixed;\n  right: 0;\n  bottom: 60px;\n  width: 82px;\n  height: 350px;\n  z-index: 999; }\n\nbody[data-shortcut] .m-vol {\n  opacity: 0;\n  pointer-events: none;\n  visibility: visible !important; }\n  body[data-shortcut] .m-vol.is-active {\n    opacity: 1;\n    pointer-events: auto; }\n',a=new Image;a.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAE0UlEQVR4Xu2bi1EUQRCGuyNQIxAiUCIQIlAjUCIQI1AjECIQIxAiECIQIxAiECJo66d6x9ndefTMzu3t1d1UXVHFLbvd3/R7FqYtX7zl+tMOwM4C1kBARF7pY5/qz3siemDmm7nFWakLiAgUfE1Eh/rZMyp4S0RX+rlkZgBayWoOQESg5DsiekNELxtJDcu4IKLvzAw4zVYzACKCXf6gijcTMHCjcwUBC5m8JgNQxT+piU8WqOAGAPCFmSeBqAag/v1jDYoPGQHA29o4UQVAdx3Kd1G8YONWcimC5FFNFikGICIw988T1LgjIgSy7oNbASQCJn6+mHDvE2Y+K/l7M4AJJv+biBC4LqwRXJ+FLPKeiLqawaoXssWx1SVKAPwqSGvYZQhyalU6pp2m1ROF8cRI4ZyZjy3XmgCIyDcVIHfPByKCGWLHmy8RAQi4nwWECUIWQIHyl4BkNb1aOmoRAGxxjY/MfJp6VhKAiIA2gl5qYdehOEx+tqXW8NXwQKTIqGxRAEr6T+YBCHCHq971RHxA5kAdkHIJpMj9mIwpAD8zRQ52fm9dyndQRMQCAT0EMspoBQGICFIQCp3YgvLY+dnb15BAWphhw1ILhdKobB4B0ByMlJdqXZN+ZfDL5peICHYY2Sq2bpj5YPhlCABSTSq4ZCNrc+2MNzQEbRRIvRQdApAqeO6Y2TrUMIrd9jIRQYn9PHLXK2Y+8r/rATBE/hHBtuJPv5vBCpAR3FBlCCCV9xe/+8CnMQwKxlJjz4WHAJD3Yya++N33UmNqI2+Zeb+71gHQfAr/Dy1MbJfS+2f9RK3gb+LCgy6F+wAw04vl0mtmxvcbs0QENUpstuBqAh9AKo+eMTPS48YsEUH9j5F8aDl39gGk/AbDxylToNnBZbKB08cHgLYRY+3QCpaRs2tV8MBMZegs2geAOjnWY7ugUSDDWi/N9AcupvkAUj5jtoDAxDhYg+foBHqSoslvBgCO29Dw/T8ez/hMCYBRLGHm7ORpCCSigDkWZQAEY0AqCCYBaAmNiItaAdmkV0w1BIAKD80MrAG7GD0nrAmCqTQY7AC1eELgDA4bXLXVzgKGhgIY2M0RiAwA185bCyHnM50EGmXRNmcrxIYWEAodsAYo1Bt2iEgqqAcLIYyWYqXwPTM/85TPTYx6gq4YQPesnpuKiCQCresIh81QqpdGJYjyEoceAJXd+RlcwNfxcfip5S/K9ljh1utqhwBSxVAuc0W/n8kCrPL1yvohgCLTtj5xYQB6rhIaicGULEdPVv1pQQBGbX0IQKoiNCvtX7ggAKNsFgLQ3A0WBGA0zo8djMAKUM1NeVnBGcECAOAID6Owx/q/Z505m9aaGjDwwQ2KocwMAMpiA5HS0YglT69qmpTiIDkjgOLJdQ2A4lphRgDmbtEVaTkXCLSpcAWYlTlVzgSg6rS62AIAxHgkPWcQrD6trgJQCmHFFlCtfG8iVOoKCgENEZokfKIusSIAUBzxCG+iVb9NXm0BgdiADgzxYfRuX0MA15riEIOQ4qoVrw6COUsJTWIaAiiO8jl5m1lA9yDvNbbuVximjCqwnGDqYiho/LkD3kZb5v8LWBRa4jXNLWCJSqZk2gHYtB1rLe/OAloT3bT77Sxg03astbxbbwH/AMaqLl/zAfZ3AAAAAElFTkSuQmCC";var A=n.createElement("div");A.innerHTML="<style>"+r.replace("IMAGE",a.src)+"</style>";var u=function(){return A.firstElementChild.cloneNode(!0)},c=new Image;c.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADbElEQVR4Xu2b/XHUMBDF91VAqABSQUgFQAXQAaGChAqACggVkFRAUgFJBSQdhAogFSzzGGnGCXfatWRbss+aub9OtrU/v/3QhyE73rDj9ssKYFVAJQKqeiQiX0RkrzOEOxG5Cb8rEbkF8GfMIVZxAVV9JSI/nIZdiMgFgHNn/17dagH4JCIfe41UhEo4FZGvQ6piTgAiL4I4GUoRcwQQQTBGfADAmJHd5gyARlMNr0sgzB1AfPPvAZzlyGApAGh7FoRaAFgDfMt5Y8Y1dAfGBnerBaBPHeA2JsSEQwAsqFxtaQBo9A2AQ5f1InUmQz0rQa8t3X6fAbDYMtsSFRDT476nYlwqAEI4B8Bgm2y1ALwQkZ/W4Ab4/6mlgioAaJiq6gAGWrdgqcwJ1Na2dABmRmgZwGWY/nLBhHUD/fmJ9co3/M9guLUuaBnAg1SmqgTxVkSY3p71AJEskWcDIBocQJxwTcCpiGRNMDsAHRDPg4u8MdRwDYAutLHVBMBJy8vE4F3VXKgqORXe5hbJQDh7ACGlMj4wNhxvAHoPoLvy/KDLIgB03IJSf6yGZEW4KAAdNTBAEgbd7DRVDbYM4BIA096orWUAyeg9FJWaAFijbwpa0bbFK8DaHXKlwVIl1FTACsDYH1wV4F3XK3GDwVwgTFIOQv7t1t5c/Yn7d9zKYm6+DjO71A5x+woIRnMywnw9dM5uF4CqcibGt0ejt9bZJdIUkTYBqCoNd625LwpAkDuPtdCnp2jtKKCC8QTcFACu4U/15qO6eu/05sjSTIOqalVsOc/1XNMMgN8jRvoUiPoAwmHGMQ4yzEMBqmpNWT2G5PZpQgHWym2ucZ7reNKj6Aic5yHJIKiq1QAAMAO0x0CrT6sAeEh6krRrAeAS8zuL4gj/8zwwV3ZHbxYATna+jz6K/x+Q3NEdcjymn6kq5/A529K543Qdbcm9+ePrPAAoRX7YMEW7Z8nd55xf6aBMAHzAhNkg67hrCQQvAC568JTFmK4wufEE5wIQVMC0xKzAdb8hG2V/BICfxkze3AACBCqBEKxDCR5DaDhL7eTmpedGJX16AYgPCocSeGiJabKvW9wGiGfWGb4Sw7zXZgHo3jzA4DJ4XAqnqxDKrxA32J0l9b/P4aaM8B4IxQA8D2m5zwqg5bczxdh2XgF/Ad4VV1C2L+RTAAAAAElFTkSuQmCC";var l=new Image;l.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACyElEQVR4Xu1b7XHUMBB9WwEpASqADkgJ6YCUQAlJBaSEpALoAOgAOggVkFSwzLuRbpSLfPjst/bJI81k7B/23u7br2dpY9j4cvePAD4AuExXWnxvZre8sS3Z7+4XAEqDafTQujWzm6YBcHd6tjT47QkOfTSzd80AkLz7PoUyPXvMu6NwMK5RT67wUPJuNpie5p90nRUAqVhlz9JY5nPoWg0Ad2eu1qpzqMGHwhcDoPBubkfh3h2DZAgAybtl7s4uVmOMmfKMFAB3vwLwBcAprWiK3rJ3ZAC4++dkvEy5JQQpAfi7RNVWg6IEwNXKLSGvA6Bigu7eI2CJkFX/Rk+BngKir8EzrwG/AZCZvlpbTIFnAD8A/OLVzHiPIQdtAYCf2Vhezeyx5umtAPCn8C6N3Xl3zGoVAHq3DOenMca2GgEsVLu8TaHMe9k6twh4UaiSwZO9OwaltQGgd8tQrhaqMYZMfWY1AFREa6rh+b0OwMDHWjgP6BEgoto9BWYi0GtArwH1HateBFVV+liOzUxfyeu9BvQa0GtAddu+F8FeBEVUtXeBI1VW0sdmCultcIttsBiS5AgOp1IOx+i4C8XdJ+4v3q1yMKIqsqXy7v4JwI1iFKepNpgmRb8qJkQzoM0AkIz/rp4WbQmAewAMfelqCYCQIayWAODByRup+4FnM7uQTItHM0F3j0iBBzO7bgUAzhazr1cHHSZEBk+rLs3saRAAFdGYoFz1ldQJvqUp8zlieep8ReMp5BUAaqIxR9OBo+5rABzNPTUa6PU7M2M67dcegCiioQagOO/Lo/eZCh8CQoNJhZk6HJepHrnvAIgkGlEAqORmACKqLCK+BVSG7+lwioAwoqFWWC0vR0AY0VArrJYXmQI7oqFWWC2vLIIhREOtsFreYRuUEw21wmp5NSIkJRpqhdXy/keF839ycs9tEtFQK6yW9w9Izs9QVmtY/gAAAABJRU5ErkJggg==";var d="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},s=t(function(t,e){var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};!function(i,o){"object"==n(e)?t.exports=o():i.BubbleHearts=o()}(d,function(){function t(t,n,i){var o=e.uniformDiscrete(89,91)/100,r=1-o,a=(e.uniformDiscrete(45,60)+e.uniformDiscrete(45,60))/100,A=function(t){return t>o?Math.max(((1-t)/r).toFixed(2),.1)*a:a},u=e.uniformDiscrete(-30,30),c=function(t){return u},l=10,d=n.width/2+e.uniformDiscrete(-l,l),s=(n.width-Math.sqrt(Math.pow(t.width,2)+Math.pow(t.height,2)))/2-l,g=e.uniformDiscrete(.8*s,s)*(e.uniformDiscrete(0,1)?1:-1),f=e.uniformDiscrete(250,400),h=function(t){return t>o?d:d+g*Math.sin(f*(o-t)*Math.PI/180)},m=function(e){return t.height/2+(n.height-t.height/2)*e},p=e.uniformDiscrete(14,18)/100,C=function(t){return t>p?1:1-((p-t)/p).toFixed(2)};return function(e){if(!(e>=0))return!0;i.save();var n=A(e),o=c(e),r=h(e),a=m(e);i.translate(r,a),i.scale(n,n),i.rotate(o*Math.PI/180),i.globalAlpha=C(e),i.drawImage(t,-t.width/2,-t.height/2,t.width,t.height),i.restore()}}var e=function(t){var e=t,n=Math.floor,i=Math.random;return t.uniform=function(t,e){return t+(e-t)*i()},t.uniformDiscrete=function(t,i){return t+n((i-t+1)*e.uniform(0,1))},t}({}),n=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},i=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),o=window.requestAnimationFrame||window.webkitRequestAnimationFrame||function(t){return setTimeout(t,16)},r=function(){function r(){n(this,r);var t=this.canvas=document.createElement("canvas"),e=this.context=t.getContext("2d"),i=this._children=[],a=function n(){o(n),e.clearRect(0,0,t.width,t.height);for(var r=0,a=i.length;r<a;){var A=i[r];A.render.call(null,(A.timestamp+A.duration-new Date)/A.duration)?(i.splice(r,1),a--):r++}};o(a)}return i(r,[{key:"bubble",value:function(n){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:e.uniformDiscrete(2400,3600),o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t(n,this.canvas,this.context);return this._children.push({render:o,duration:i,timestamp:+new Date}),this}}]),r}();return r})}),g=[];c.onload=l.onload=function(){g.push(this)};var f={uniform:function(t,e){return t+(e-t)*Math.random()},uniformDiscrete:function(t,e){return t+Math.floor((e-t+1)*f.uniform(0,1))}},h={init:function(){return this.stage=new s,this.stage.canvas},animate:function(){if(g.length){var t=g[f.uniformDiscrete(0,g.length-1)],e=document.createElement("canvas"),n=e.getContext("2d");e.width=t.width/2,e.height=t.height/2,n.drawImage(t,0,0,t.width/2,t.height/2),n.globalCompositeOperation="source-in",n.fillStyle="#"+245..toString(16)+77..toString(16)+77..toString(16),n.fillRect(0,0,e.width,e.height),this.stage.bubble(e)}}},m=2e3,p=0,C=!1,v={init:function(t){var e=o(".m-vol"),r=o(".m-vol .vbg"),a=o(".m-vol .btn"),A=o(".m-vol .curr"),u=e.classList;setTimeout(function(){e.style.transition="opacity 200ms linear"},0),t[i]("click",function(){clearTimeout(p),C=!C,C?u.add("is-active"):u.remove("is-active")},!1),t[i]("blur",function(){clearTimeout(p),C=!1,u.remove("is-active")},!1);var c=window.K0x.lc4g,l=function(){};window.K0x.lc4g=function(){console.log("HACK succesfully!"),l=c.bind(this),window.K0x.lc4g=c},r.dispatchEvent(new Event("mousedown")),n.dispatchEvent(new Event("mouseup")),this.value=function(t){if(!arguments.length){var e=parseFloat(A.style.height),n=parseFloat(a.style.top);return parseFloat((e/(e+n/81*93)).toFixed(2))}console.log("[Volume]:"+t),clearTimeout(p),C||(C=!0,u.add("is-active")),p=setTimeout(function(){C=!1,u.remove("is-active")},m),l(t),A.style.height=93*t+"px",a.style.top=81*(1-t)+"px"}}},w=n.readyState;"complete"==w||"interactive"==w?setTimeout(e,0):n[i]("DOMContentLoaded",e,!1)}();

或者

javascript:!function(){var t=document.createElement("script");t.charset="utf-8",t.src="https://raw.githubusercontent.com/lixinliang/music.163.com/master/dist.js",document.head.appendChild(t)}();

2. 打开 http://music.163.com ，点击你创建的书签（执行代码）。

• 每次打开都要点一次书签。

Custom

• 源码在src.js，可自行订制。
• 使用$ npm run build来构建代码。