Music Bookmarklet

All the good music player bookmarklets have disappeared in a cloud of 404 errors, so I made my own simple version with no dependencies. Lets see if I can host it here:

','',function(){d.paused?(d.play(),f=setInterval(function(){n()},100)):(d.pause(),clearInterval(f));return!1});q.appendChild(s);var y=p('button','','>|','',function(){e++;l()});q.appendChild(y);var z=p('ul','width:300px;background:grey;position:absolute;bottom:100%;right:0;margin:0;','','','');q.appendChild(z);for(g in c){var A=decodeURIComponent(c[g].rel="nofollow noopener" target="_blank" href),B=p('li','',A.substring(A.lastIndexOf('/')+1),g,function(){e=parseInt(this.getAttribute('data'));l()});z.appendChild(B)} var m=p('div','position: absolute;bottom: 0;white-space: nowrap;height: 50%;background: skyblue;border-right:9999px solid grey;','','',function(b){x=b.clientX;x/=document.width;d.currentTime=d.duration*x});q.appendChild(m);function n(){m.style.width=100*(d.currentTime/d.duration)+'%'}d=new Audio;l(); })();">Music Bookmarklet

Drag the bookmarklet into your bookmarks.
Load a webpage containing links to mp3 files.
Click the bookmark.
If it worked, then you’ll see buttons beside the mp3 links.
Clicking the buttons will start the music.

If it isnt working quite right, then replace the URL of the bookmark with this:

javascript:(function(){var a=document.links,c=[],d,e=0,f,g;for(g in a){var h=a[g].toString().toUpperCase();-1==h.indexOf('.MP3')&&-1==h.indexOf('.OGG')&&-1==h.indexOf('.WAV')||c.push(a[g])}function l(){d.pause();d=new Audio(c[e]);d.play();d.addEventListener('ended',function(){e++;l()},!1);m.innerHTML='';var b=decodeURIComponent(c[e].rel="nofollow noopener" target="_blank" href);m.appendChild(document.createTextNode(b.substring(b.lastIndexOf('/')+1)));f=setInterval(function(){n()},100)} function p(b,t,u,v,w){b=document.createElement(b);var k=document.createAttribute('style');k.value=t;b.setAttributeNode(k);k=document.createAttribute('data');k.value=v;b.setAttributeNode(k);b.appendChild(document.createTextNode(u));b.onclick=w;return b}var q=p('div','display:block;background:grey;position:fixed;bottom:0;left:0;height:50px;width:100%','','','');document.body.appendChild(q);var r=p('button','','|<','',function(){e--;l()});q.appendChild(r); var s=p('button','','>','',function(){d.paused?(d.play(),f=setInterval(function(){n()},100)):(d.pause(),clearInterval(f));return!1});q.appendChild(s);var y=p('button','','>|','',function(){e++;l()});q.appendChild(y);var z=p('ul','width:300px;background:grey;position:absolute;bottom:100%;right:0;margin:0;','','','');q.appendChild(z);for(g in c){var A=decodeURIComponent(c[g].rel="nofollow noopener" target="_blank" href),B=p('li','',A.substring(A.lastIndexOf('/')+1),g,function(){e=parseInt(this.getAttribute('data'));l()});z.appendChild(B)} var m=p('div','position: absolute;bottom: 0;white-space: nowrap;height: 50%;background: skyblue;border-right:9999px solid grey;','','',function(b){x=b.clientX;x/=document.width;d.currentTime=d.duration*x});q.appendChild(m);function n(){m.style.width=100*(d.currentTime/d.duration)+'%'}d=new Audio;l(); })();

Find music to try it out here.